*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}:root{--red:linear-gradient(140deg,#fe0944,#feae96,#fe0944);--green:linear-gradient(30deg,#52c234,#a8ff78,#52c234);--blue:linear-gradient(70deg,#2980b9,#6dd5fa,#2980b9);--orange:linear-gradient(100deg,#fceabb,#f8b500);--backColor:#219ebc;--white:#fff;--black:#000}body{background-color:var(--backColor)}.container{display:flex;flex-direction:column;gap:1.65rem}.score{color:#f8f2f2;font-size:2.5vh;text-align:center}.wrapper{background:var(--white);height:36.5rem;width:36.5rem;position:absolute;transform:translate(-50%,-50%);top:55%;left:50%;border-radius:5rem;box-shadow:2px 2px 15px 0 var(--black)}.simon{height:31.25em;width:31.25em;border-radius:50%;background-color:var(--black);position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;box-shadow:2px 2px 8px 0 --black}.color-part{height:13.12em;width:13.12em;position:absolute}.color1{background-image:var(--green);border-radius:13em 0 0 0;top:1.87em;left:1.87em}.color2{background-image:var(--red);border-radius:0 13em 0 0;right:1.87em;top:1.87em}.color3{background-image:var(--blue);border-radius:0 0 13em 0;bottom:1.87em;right:1.87em}.color4{background-image:var(--orange);border-radius:0 0 0 13em;left:1.87em;bottom:1.87em}.simon:before{position:absolute;content:"";background-color:var(--black);height:13.75em;width:13.57em;border-radius:50%;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;z-index:1}#count{background-color:var(--white);font-size:1.5vw;position:absolute;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;z-index:1;width:5rem;height:5rem;border-radius:50%;display:grid;place-content:center}.rules-txt{color:var(--white);display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;align-items:flex-start;height:70vh;width:80%;margin:auto}.rules-txt li{font-size:1vw;font-weight:300}.rules-txt span{font-weight:bold;text-decoration:underline}.nav-item{padding:0 20px}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;background-color:var(--white);height:3px;width:0;left:0;bottom:3px;transition:.3s}.nav-link:hover{color:var(--white) !important}.nav-link:hover::after{width:100%}.pressed{box-shadow:0 0 20px var(--shadowColor);background-color:grey}.wrong{background-color:#c31432;box-shadow:5px 5px 22px 0 #c31432}.video-text{color:white;text-decoration:none}.video-text:hover{color:var(--black);text-decoration:none}@media(min-width:600px) and (max-width:1024px){.container{gap:2rem}.wrapper{height:31rem;width:31rem}.simon{height:27.5em;width:27.5em}.color-part{height:11.245em;width:11.245em}.simon:before{height:11.245em;width:11.245em}.rules-txt li{font-size:1.3vw}#count{font-size:3vh;width:4em;height:4em}}@media(min-width:425px) and (max-width:600px){.container{gap:3.5rem}.wrapper{height:24rem;width:24rem}.simon{height:21em;width:21em}.color-part{height:8em;width:8em}.simon:before{height:9em;width:9em}#count{font-size:3vh;width:4em;height:4em}.rules-txt li{font-size:2.6vw}}@media(min-width:350px) and (max-width:424px){.container{gap:5rem}.wrapper{height:20rem;width:20rem}.simon{height:17.5em;width:17.5em}.color-part{height:6.5em;width:6.5em}.simon:before{height:7.5em;width:7.5em}#count{font-size:3vw;width:4.5em;height:4.5em}.rules-txt li{font-size:2.8vw}}@media(max-width:350px){.container{gap:6rem}.wrapper{height:18rem;width:18rem}.simon{height:17em;width:17em}.color-part{height:6.2em;width:6.2em}.simon:before{height:7em;width:7em}#count{font-size:4vw;width:5em;height:5em}.rules-txt li{font-size:3.3vw}}