html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Barlow Semi Condensed;src:url(/Frontend-Mentor-Rock-Paper-Scissors/fonts/Barlow_Semi_Condensed/BarlowSemiCondensed-SemiBold.ttf);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Barlow Semi Condensed;src:url(/Frontend-Mentor-Rock-Paper-Scissors/fonts/Barlow_Semi_Condensed/BarlowSemiCondensed-Bold.ttf);font-weight:700;font-style:normal;font-display:swap}:root{--Gold-500: hsl(39, 89%, 49%);--Gold-600: hsl(28, 76%, 44%);--Blue-500: hsl(230, 89%, 62%);--Red-600: hsl(349, 71%, 52%);--Red-800: hsl(347, 75%, 35%);--Purple-600: hsl(261, 73%, 60%);--Purple-700: hsl(261, 51%, 44%);--Light-blue-400: hsl(189, 59%, 53%);--Light-blue-500: hsl(194, 58%, 42%);--Navy-900: hsl(229, 25%, 31%);--Blue-700: hsl(229, 64%, 46%);--Gray-600: hsl(246, 11%, 37%);--Radial-Gradient: hsl(214, 47%, 23%) to hsl(237, 48%, 15%);--Radial-Gradient-1: hsl(214, 47%, 23%);--Radial-Gradient-2: hsl(237, 48%, 15%);--Gray-Shadow: #bdc0d2;font-family:Barlow Semi Condensed,Arial,Helvetica,sans-serif}.hidden{display:none!important}.visHidden{opacity:0}.itemsContainer .item{width:100px;height:100px;display:grid;align-items:center;justify-items:center;border-radius:50%;border:10px solid;margin:auto;cursor:pointer}.itemsContainer .item.paper{background-color:#fff!important;border-color:var(--Blue-500)!important;box-shadow:0 6px var(--Blue-700),inset 0 5px var(--Gray-Shadow)}.itemsContainer .item.scissors{background-color:#fff!important;border-color:var(--Gold-500)!important;box-shadow:0 6px var(--Gold-600),inset 0 5px var(--Gray-Shadow)}.itemsContainer .item.rock{background-color:#fff!important;border-color:var(--Red-600)!important;box-shadow:0 6px var(--Red-800),inset 0 5px var(--Gray-Shadow)}body{background-image:linear-gradient(to bottom,var(--Radial-Gradient-1),var(--Radial-Gradient-2));height:calc(100vh - 1.5rem);color:#fff;-webkit-user-select:none;user-select:none}.header{display:grid;justify-content:space-between;margin-inline:2rem;border:2px solid var(--Gray-600);border-radius:5px;padding:12px 12px 12px 20px;margin-top:1.5rem;grid-auto-flow:column;align-items:center;max-width:300px}.header img.logo{width:100px}.header .score{background-color:#fff;display:flex;flex-direction:column;align-content:center;flex-wrap:wrap;justify-content:center;text-align:center;padding:.5rem 1rem;border-radius:.5rem}.header .score h2{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--Blue-700);margin:0}.header .score p{font-size:2.5rem;margin:0;color:var(--Gray-600)}@media(min-width:400px){.header{margin-inline:auto}}@media(min-width:535px){.header{max-width:350px}}@media(min-width:650px){.header{max-width:450px}}@media(min-width:750px){.header{max-width:500px;border-radius:10px;padding:15px 15px 15px 25px}.header img.logo{width:125px}.header .score{padding:.5rem 2rem}.header .score h2{font-size:15px}.header .score p{font-size:3rem}}.footer>button{position:fixed;bottom:15px;left:50%;transform:translate(-50%,-50%);cursor:pointer;background-color:transparent;border:2px solid #ffffffb8;color:#fff;letter-spacing:2px;text-transform:uppercase;border-radius:5px;padding:8px 30px;font-weight:600}.footer .rules{position:fixed;background-color:#fff;width:100%;height:100%;top:0%;left:0%;display:grid;justify-items:center;align-content:space-evenly}.footer .rules h2{color:var(--Radial-Gradient-1);text-transform:uppercase;font-size:32px;text-align:center;margin:0}.footer .rules .closeButton{cursor:pointer}.footer .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000061}@media(min-width:650px){.footer>button{left:calc(100% - 100px)}.footer .rules{width:400px;height:400px;gap:1rem;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.footer .rules h2{text-align:left;width:100%;margin-inline-start:60px}.footer .rules .closeButton{position:absolute;right:30px;top:37px}}.main .choose{display:grid;grid-template-areas:"One Two" "Three Three";margin-block-start:3rem;row-gap:2rem;position:relative;max-width:500px;margin-inline:auto}.main .choose .chooseItem:nth-child(1){grid-area:One}.main .choose .chooseItem:nth-child(2){grid-area:Two}.main .choose .chooseItem:nth-child(3){grid-area:Three}.main .choose img.triangle{position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:-1;width:250px}@media(min-width:650px){.main .choose{max-width:600px;row-gap:4rem}.main .choose img.triangle{width:300px;top:40px}}@media(min-width:750px){.main .choose .chooseItem{width:125px;height:125px}.main .choose .chooseItem img{width:60px}.main .choose img.triangle{width:300px;top:40px}}.main .game{margin-block-start:3rem;display:grid;justify-items:center;grid-auto-flow:column;text-align:center;margin-inline:auto}.main .game .image{cursor:default!important}.main .game .house .image{border-color:transparent;background-color:#0003;transition:.3s}.main .game .text{font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-block-start:2rem}@media(min-width:650px){.main .game{max-width:650px}.main .game .image{width:125px;height:125px}.main .game .image img{width:60px}}.main .result{text-align:center}.main .result h2{font-weight:700;text-transform:uppercase;font-size:3rem;margin:0;margin-block:1rem}.main .result button{font-weight:600;text-transform:uppercase;padding:12px 70px;cursor:pointer;border:0;border-radius:8px;background-color:#fff;letter-spacing:2px;transition:.25s}.main .result button:hover{background-color:#fff;color:var(--Light-blue-500)}