@charset "UTF-8";.scrolltop:hover,.footer-button:hover,.footer-input:hover,.google-dino-button:hover,.time-calculator-wrap:hover~.time-calculator-input,.time-calculator-input:has(+.time-calculator-wrap:hover),.time-calculator-input:focus,.time-calculator-input:hover,.calculator-field:focus,.calculator-field:hover,.rock-paper-scissors-difficulty-hover,.rock-paper-scissors-difficulty:hover,.rock-paper-scissors-update:hover,.rock-paper-scissors-button:hover,.rock-paper-scissors-item-hover,.rock-paper-scissors-item:hover,.guess-number-input:hover,.born-year-input:focus,.born-year-input:hover{box-shadow:4px 5px #00000040;color:#000;background-color:#e7e7e7;outline:solid black 1px;transition:box-shadow,color,outline,background-color,.25s cubic-bezier(.4,0,.2,1)}a{text-decoration:none}ul{list-style-type:none}h1,h2,h3,h4,p,ul{margin:0;padding:0}button{border:none}img{width:100%;max-width:100%;display:block}html{scroll-behavior:smooth}body{font-family:Montserrat Alternates}.main{background:url(/paperoni-programmer-project/assets/background-ecb0b209.png),linear-gradient(#eeeeee,#eeeeee);background-size:cover}.background{position:absolute;top:0;left:calc(50% - 150px);width:300px;z-index:0;height:4600px;background-color:#fff}@media screen and (min-width: 480px){.background{left:calc(50% - 240px);width:480px}}@media screen and (min-width: 768px){.background{left:calc(50% - 384px);width:768px;height:3200px}}@media screen and (min-width: 1200px){.background{left:calc(50% - 555px);width:1110px;height:4200px}}.all-text-white{color:#000}.all-text-black,.all-link-white{color:#fff}.all-link-black,.all-title-white{color:#000}.all-title-black{color:#fff}.all-section-white{max-width:480px;margin-left:auto;margin-right:auto;background:#fff}@media screen and (min-width: 768px){.all-section-white{width:768px;max-width:none}}@media screen and (min-width: 1200px){.all-section-white{max-width:none;width:1110px}}.all-section-black{max-width:480px;margin-left:auto;margin-right:auto;background:#8a8a8a}@media screen and (min-width: 768px){.all-section-black{width:768px;max-width:none}}@media screen and (min-width: 1200px){.all-section-black{max-width:none;width:1110px}}.all-circle-bg-white{background-color:#fff;border:solid 2px black}.all-circle-bg-black{background-color:#000;border:solid 2px white}.container{max-width:480px;margin-left:auto;margin-right:auto;padding:0 10px}@media screen and (min-width: 768px){.container{width:768px;max-width:668px}}@media screen and (min-width: 1200px){.container{max-width:none;width:1110px}}.header-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;display:block;justify-content:center;align-items:center;background-color:#00000080;z-index:4}.header-modal-backdrop-vision{display:none}.header-modal{position:fixed;transform:translate(-50%,-50%);top:50%;left:50%;width:300px;height:316px;background:#FFF;border-radius:20px;z-index:3}@media screen and (min-width: 768px){.header-modal{width:576px}}.header-modal-paragraf{display:flex;color:#000;text-align:center;padding-top:56px;font-size:12px;font-weight:400;line-height:normal;margin:auto}@media screen and (min-width: 768px){.header-modal-paragraf{padding-top:46px;width:392px}}.header-modal-btn-close{width:30px;height:30px;background:#FFF;position:absolute;top:30px;right:30px;cursor:pointer}.header-modal-text{padding-top:42px;text-align:center;margin-bottom:18px}.header-modal-wrap{display:flex;flex-direction:column;gap:18px}.header-modal-input{padding:10px 90px 10px 10px;width:170px;height:35px;border-radius:20px;background:#D7D7D7;color:#7e7e7e;font-size:12px;line-height:normal;border:none;margin:auto}.header-modal-btn-save{color:#fff;font-size:12px;font-weight:400;line-height:normal;border-radius:20px;background:#000;padding:10px 20px;box-shadow:3px 3px #00000040;width:105px;height:35px;margin:auto}.header-modal-icon-sword{position:absolute;top:154px;left:41px;width:30px;height:30px}.header-modal-icon-puzzle{position:absolute;top:230px;left:85px;width:30px;height:30px}.header-modal-icon-game{position:absolute;top:154px;right:41px}.header-modal-icon-tic{position:absolute;top:230px;right:85px}.header-modal-sub-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;display:none;justify-content:center;align-items:center;background-color:#00000080;z-index:4}.header-modal-sub-backdrop-vision{display:block}.header-modal-sub{position:fixed;transform:translate(-50%,-50%);top:50%;left:50%;width:300px;height:245px;border-radius:20px;background:#FFF;z-index:4}@media screen and (min-width: 768px){.header-modal-sub{width:463px}}.header-modal-sub-paragraf{padding-top:100px;color:#000;text-align:center;font-size:20px;font-weight:400;line-height:normal}@media screen and (min-width: 768px){.header-modal-sub-paragraf{padding-top:83px}}.header-modal-sub-btn-close{position:absolute;top:30px;right:30px;background:#FFF;cursor:pointer}.header-modal-sub-icon-sword{position:absolute;top:69px;left:43px;width:30px;height:30px}.header-modal-sub-icon-puzzle{position:absolute;top:145px;left:87px;width:30px;height:30px}.header-modal-sub-icon-game{position:absolute;top:69px;right:43px}.header-modal-sub-icon-tic{position:absolute;top:145px;right:87px}.header{z-index:3;position:relative;padding:36px 0}.header-box{display:flex;align-items:center;justify-content:start;gap:10px}@media screen and (min-width: 768px){.header-box{gap:20px}}@media screen and (min-width: 1200px){.header-box{gap:50px}}.header-logo{display:none}@media screen and (min-width: 768px){.header-logo{display:block}}.header-list{display:flex;align-items:center;justify-content:center;gap:10px}@media screen and (min-width: 768px){.header-list{margin-right:50px}}@media screen and (min-width: 1200px){.header-list{gap:50px;margin-right:200px}}.header-list-item{font-size:10px;color:#000}@media screen and (min-width: 768px){.header-list-item{font-size:12px}}.header-link{display:none}@media screen and (min-width: 480px){.header-link{display:block}}.header-dropdown{position:relative}.header-dropdown-content{opacity:0;transition:opacity 1s ease;position:absolute;top:30px;left:30px;list-style:none;text-align:center;overflow:hidden}@media screen and (min-width: 380px){.header-dropdown-content{top:30px;left:70px}}@media screen and (min-width: 480px){.header-dropdown-content{top:30px;left:-10px;width:180px}}@media screen and (min-width: 768px){.header-dropdown-content{top:30px;left:-45px}}.header-dropdown-content.show{opacity:1;visibility:visible}.header-dropdown-item{font-size:10px;font-weight:400;line-height:normal;padding:5px 35px;border-right:1px solid #000;border-left:1px solid #000;cursor:pointer}@media screen and (min-width: 768px){.header-dropdown-item{font-size:12px;padding:10px 35px}}.header-dropdown-item-one{margin-left:40px}@media screen and (min-width: 380px){.header-dropdown-item-one{margin-left:100px}}@media screen and (min-width: 480px){.header-dropdown-item-one{margin-left:0}}.header-dropdown-item:hover{background:#F1F1F1;background:#7a7a7a}.header-dropdown-text{cursor:pointer;background-color:transparent}.header-dropdown-content li:nth-child(4){border-radius:0 0 20px 20px;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000}.header-wrap{display:flex}.header-dropdown-btn{background-color:transparent}.header-ellipse{width:40px;height:20px;border-radius:11px;background:#7a7a7a;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.header-ellipse:hover{box-shadow:4px 5px #00000040;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.header-cirkle{width:20px;height:20px;border-radius:50%;background-color:#fff;border:solid 1px black;cursor:pointer;transition:transform .5s cubic-bezier(.4,0,.2,1)}.header-cirkle-right{transform:translate(20px);transition:transform background-color .25s cubic-bezier(.4,0,.2,1)}.header-hello{font-size:10px}@media screen and (min-width: 768px){.header-hello{font-size:12px}}.main-title{z-index:2;position:relative;padding-top:33px;padding-bottom:36px}.main-title-title{max-width:316px;margin-right:auto;margin-left:auto;text-align:center;font-size:24px;font-weight:400;line-height:normal}@media screen and (min-width: 768px){.main-title-title{max-width:none}}.main-title-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.main-title-line{width:536px;left:calc(50% - 268px)}}.born-year{display:flex;flex-direction:column;align-items:center;padding:36px 0;z-index:1;position:relative}.born-year-input{cursor:pointer}.born-year-input:hover{background-color:#fff}.born-year-input:focus{background-color:#fff}.born-year-title{font-size:10px;font-weight:400;line-height:normal;margin-bottom:36px;text-align:center}@media screen and (min-width: 768px){.born-year-title{font-size:14px}}@media screen and (min-width: 1200px){.born-year-title{font-size:16px}}.born-year-div{display:flex}@media screen and (min-width: 768px){.born-year-div{margin-left:50px}}@media screen and (min-width: 1200px){.born-year-div{margin-left:257px}}.born-year-text{margin-top:30px;font-size:12px;margin-left:0;text-align:center}@media screen and (min-width: 768px){.born-year-text{margin-left:170px;margin-top:10px;font-size:12px;white-space:nowrap}}@media screen and (min-width: 1200px){.born-year-text{margin-left:250px;margin-top:10px;font-size:12px;white-space:nowrap}}.born-year-input{display:block;margin-right:auto;color:#7e7e7e;font-size:11px;font-weight:400;line-height:normal;width:180px;padding:10px 25px 10px 10px;border-radius:20px;background:#d7d7d7;border:none;box-shadow:3px 4px #00000040}@media screen and (min-width: 1200px){.born-year-input-input{box-sizing:border-box;width:215px;height:35px;font-size:15px;font-weight:400;line-height:normal;background-color:#d7d7d7;border:none;color:#7e7e7e;padding-left:10px;border-radius:20px;box-shadow:0 2px 1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}}.born-year-svg{stroke:#fff;width:15px;height:15px}.born-year-btn{position:absolute;border:none;margin-left:160px;height:35px;background-color:#000;width:35px;box-shadow:#000;box-shadow:0 2px 1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;border-top-right-radius:20px;border-bottom-right-radius:20px;top:84px}@media screen and (min-width: 350px){.born-year-btn{top:85px}}@media screen and (min-width: 768px){.born-year-btn{top:88px;margin-left:160px}}@media screen and (min-width: 1200px){.born-year-btn{top:91px;margin-left:160px}}.born-div{display:block}@media screen and (min-width: 768px){.born-div{display:flex}}.born-year-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.born-year-line{width:536px;left:calc(50% - 268px)}}.guess-number{padding:36px 0;position:relative;z-index:1}.guess-number-title{font-size:10px;font-weight:400;line-height:normal;text-align:center}@media screen and (min-width: 768px){.guess-number-title{font-size:14px}}@media screen and (min-width: 1200px){.guess-number-title{font-size:16px}}.guess-number-form{display:block;margin-top:36px;margin-right:auto;margin-left:auto}@media screen and (min-width: 768px){.guess-number-form{display:flex}}@media screen and (min-width: 1200px){.guess-number-form{font-size:16px}}.guess-number-input{display:block;margin-right:auto;margin-left:auto;color:#7e7e7e;font-size:10px;font-weight:400;line-height:normal;width:120px;padding:10px 25px 10px 10px;border-radius:20px;background:#d7d7d7;border:none;box-shadow:3px 4px #00000040}.guess-number-input:hover{background-color:#fff}@media screen and (min-width: 768px){.guess-number-input{margin-right:0;margin-left:0;font-size:12px;width:150px;padding:10px 25px 10px 10px}}@media screen and (min-width: 1200px){.guess-number-input{width:150px;padding:10px 45px 10px 10px;margin-left:257px}}.guess-number-btn{margin-right:150px;border-radius:0 20px 20px 0;background:#000;position:absolute;width:35px;height:33px;top:85px;right:calc(50% - 215px)}@media screen and (min-width: 768px){.guess-number-btn{top:90px;right:calc(50% + 25px);width:35px;height:35px}}@media screen and (min-width: 1200px){.guess-number-btn{top:91px;right:calc(50% - 12px)}}.guess-number-search{stroke:#fff;transition:fill,stroke,.25s cubic-bezier(.4,0,.2,1)}.guess-number-wrap{position:absolute;top:84px;right:calc(50% - 65px);width:35px;height:35px;padding-top:10px;padding-left:8px;cursor:pointer}@media screen and (min-width: 768px){.guess-number-wrap{top:90px;right:calc(50% + 174px)}}@media screen and (min-width: 1200px){.guess-number-wrap{top:91px;right:calc(50% + 138px)}}.guess-number-text{text-align:center;font-size:12px;margin-top:20px;padding-top:15px}@media screen and (min-width: 768px){.guess-number-text{margin-top:0;text-align:start;margin-left:150px;padding-top:0}}@media screen and (min-width: 1200px){.guess-number-text{margin-left:202px}}.guess-number-text-true{color:#039900}.guess-number-text-false{color:#900}.guess-number-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.guess-number-line{width:536px;left:calc(50% - 268px)}}.rock-paper-scissors{padding:36px 0;position:relative;z-index:1}.rock-paper-scissors-container{padding-bottom:130px}@media screen and (min-width: 768px){.rock-paper-scissors-container{padding-bottom:0}}.rock-paper-scissors-title{text-align:center;font-size:16px;font-weight:400;line-height:normal}.rock-paper-scissors-list{width:260px;height:240px;margin-right:auto;margin-left:auto;display:flex;align-items:center;justify-content:center;gap:30px;padding:170px 0 24px;flex-wrap:wrap;transition:padding,height,.25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 768px){.rock-paper-scissors-list{padding:36px 0 0;height:130px}}.rock-paper-scissors-item{width:60px;height:60px;padding:10px;border-radius:20px;background-color:#000;transition:box-shadow,color,background-color,outline,.25s cubic-bezier(.4,0,.2,1);cursor:pointer}.rock-paper-scissors-item:hover{background-color:#aaa}.rock-paper-scissors-item:nth-child(4){transform:translateY(-90px);opacity:0;z-index:-1}.rock-paper-scissors-item:last-child{transform:translateY(-90px);opacity:0;z-index:-1}.rock-paper-scissors-item-hover{background-color:#aaa}.rock-paper-scissors-image{width:40px;height:40px}.rock-paper-scissors-text{text-align:center;font-size:12px;font-weight:400;line-height:normal}.rock-paper-scissors-choice{text-align:center;font-size:12px;font-weight:400;line-height:normal;margin-top:20px}.rock-paper-scissors-button{color:#fff;font-size:12px;font-weight:400;line-height:normal;width:242px;height:35px;border-radius:20px;background-color:#000;display:block;margin:24px auto 0;cursor:pointer;transition:box-shadow,color,background-color,border,.25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 768px){.rock-paper-scissors-button{margin:36px auto 0}}.rock-paper-scissors-info{position:absolute;top:420px;left:calc(50% - 60px);transition:top .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 768px){.rock-paper-scissors-info{top:92px;left:calc(50% + 230px)}}.rock-paper-scissors-stats{font-size:12px;font-weight:400;line-height:170%}.rock-paper-scissors-update{color:#fff;font-size:12px;font-weight:400;line-height:normal;width:120px;height:28px;border-radius:20px;background-color:#000;display:block;cursor:pointer;transition:box-shadow,color,background-color,border,.25s cubic-bezier(.4,0,.2,1)}.rock-paper-scissors-settings{position:absolute;top:70px;right:calc(50% - 46.5px);max-width:93px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}@media screen and (min-width: 768px){.rock-paper-scissors-settings{justify-content:start;top:92px;right:calc(50% + 230px)}}.rock-paper-scissors-difficulty{color:#fff;font-size:12px;font-weight:400;line-height:normal;width:242px;height:25px;border-radius:20px;background-color:#000;display:block;cursor:pointer;transition:box-shadow,color,background-color,border,.25s cubic-bezier(.4,0,.2,1)}.rock-paper-scissors-difficulty-hover{background-color:#e7e7e7;color:#000}.rock-paper-scissors-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.rock-paper-scissors-line{width:536px;left:calc(50% - 268px)}}.calculator{padding:36px 0;display:flex;flex-direction:column;align-items:center;z-index:1;position:relative}.calculator-title{text-align:center;margin-bottom:36px}.calculator-field{color:#000;font-size:12px;font-weight:400;line-height:normal;width:105px;height:35px;padding:0 20px;display:flex;cursor:pointer;align-items:center;border-radius:20px;gap:0px;background-color:#d7d7d7;border:transparent;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.25))}.calculator-field:hover{background-color:#fff}.calculator-field:focus{background-color:#fff}.calculator-list{display:flex;width:60px;height:60px;gap:10px;flex-wrap:wrap;flex-direction:row}.calculator-item{width:25px;height:25px;outline:none;cursor:pointer}.section-calculator{display:flex;gap:30px;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 768px){.section-calculator{flex-direction:row}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.update-btn-calculator{color:#fff;border-radius:20px;background:#000;width:25px;height:25px;box-shadow:3px 3px #00000040}.update-btn-calculator:hover{box-shadow:6px 6px #00000040;color:#000;background-color:#e7e7e7;outline:solid black 1px;transition:box-shadow,color,outline,background-color,.25s cubic-bezier(.4,0,.2,1);outline:none;background-color:#fff}.update-btn-calculator:focus{box-shadow:6px 6px #00000040;color:#000;background-color:#e7e7e7;outline:solid black 1px;transition:box-shadow,color,outline,background-color,.25s cubic-bezier(.4,0,.2,1);outline:none;background-color:#fff}.calculator-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.calculator-line{width:536px;left:calc(50% - 268px)}}.time-calculator{padding:36px 0;position:relative;z-index:1}.time-calculator-title{text-align:center;font-size:16px;font-weight:400;line-height:normal}.time-calculator-subtitle{text-align:center;font-size:14px;font-weight:400;line-height:normal;margin-top:15px}.time-calculator-switch{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:15px}.time-calculator-text{font-size:12px;font-weight:400;line-height:normal}.time-calculator-ellipse{width:40px;height:20px;border-radius:11px;background:#7a7a7a;transition:box-shadow .25s cubic-bezier(.4,0,.2,1);cursor:pointer}.time-calculator-ellipse:hover{box-shadow:4px 5px #00000040;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.time-calculator-cirkle{width:20px;height:20px;border-radius:50%;background-color:#fff;border:solid 2px black;transition:transform .5s cubic-bezier(.4,0,.2,1)}.time-calculator-cirkle-right{transform:translate(20px);transition:transform background-color .25s cubic-bezier(.4,0,.2,1)}.time-calculator-game{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;margin-top:15px;padding-bottom:30px}@media screen and (min-width: 768px){.time-calculator-game{flex-direction:row;padding-right:195px;margin-top:36px;gap:33px}}@media screen and (min-width: 1200px){.time-calculator-game{padding-right:98px}}.time-calculator-input{position:relative;color:#7e7e7e;font-size:12px;font-weight:400;line-height:normal;width:170px;padding:10px 45px 10px 10px;border-radius:20px;background:#d7d7d7;border:none;box-shadow:3px 4px #00000040;transition:box-shadow,color,outline,background-color,.25s cubic-bezier(.4,0,.2,1)}.time-calculator-input:hover{background-color:#fff}.time-calculator-input:focus{background-color:#fff}.time-calculator-input::-webkit-inner-spin-button{-webkit-appearance:none}.time-calculator-wrap{position:absolute;top:0;left:calc(50% + 52px);width:35px;height:35.5px;border-radius:0 20px 20px 0;background:#000;padding-top:5px;padding-left:5px;cursor:pointer}@media screen and (min-width: 768px){.time-calculator-wrap{left:calc(50% - 112px)}}.time-calculator-input:has(+.time-calculator-wrap:hover){background-color:#fff}.time-calculator-magnifying-glass{stroke:#fff;transition:fill,stroke,.25s cubic-bezier(.4,0,.2,1)}.time-calculator-dotts{width:100px;height:0;border:dashed black .5px}@media screen and (min-width: 1200px){.time-calculator-dotts{margin-right:100px}}.time-calculator-result{position:absolute;top:65px;left:calc(50% - 63.2px);font-size:12px;font-weight:400;line-height:normal}@media screen and (min-width: 768px){.time-calculator-result{top:9.5px;left:calc(50% + 83px)}}@media screen and (min-width: 1200px){.time-calculator-result{left:630px}}.time-calculator-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.time-calculator-line{width:536px;left:calc(50% - 268px)}}.google-dino{position:relative;padding:36px 0;z-index:1;display:none}@media screen and (min-width: 1200px){.google-dino{display:block}}.google-dino-title{text-align:center;font-size:16px;font-weight:400;line-height:normal}.google-dino-stats{text-align:center;margin-top:30px}.google-dino-instructions{text-align:center;margin-top:10px}.google-dino-game{position:relative;display:flex;height:250px;width:280px;padding-top:190px;padding-left:50px;outline:solid grey 2px;margin:30px auto 0}@media screen and (min-width: 768px){.google-dino-game{width:620px}}.google-dino-backdrop{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background-color:#00000059}.google-dino-button{color:#fff;font-size:12px;font-weight:400;line-height:normal;width:110px;height:30px;border-radius:20px;background-color:#000;display:block;cursor:pointer;transition:box-shadow,color,background-color,border,.25s cubic-bezier(.4,0,.2,1)}.google-dino-text{font-size:26px;line-height:normal;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.google-dino-player{width:50px;height:50px;transition:transform .5s cubic-bezier(.9,.61,.72,.51)}.google-dino-player-up{transform:translateY(-150px);transition:transform .5s cubic-bezier(.72,.78,.51,.63)}.google-dino-obs,.google-dino-obs2,.google-dino-reward{display:none;position:absolute;width:50px;height:50px;top:190px;right:-50px;transition:right .25s cubic-bezier(.9,.61,.72,.51)}.google-dino-reward{width:35px;height:35px;top:107.5px;right:-560px;animation-iteration-count:infinite;animation-name:reward-move;animation-duration:1s}.google-dino-obs2{top:100px;right:-350px}.google-dino-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.google-dino-line{width:536px;left:calc(50% - 268px)}}@keyframes reward-move{0%{transform:rotate(0)}6%{transform:rotate(22.5deg)}12%{transform:rotate(45deg)}18%{transform:rotate(67.5deg)}25%{transform:rotate(90deg)}31%{transform:rotate(112.5deg)}37%{transform:rotate(135deg)}43%{transform:rotate(157.5deg)}50%{transform:rotate(180deg)}56%{transform:rotate(202.5deg)}62%{transform:rotate(225deg)}68%{transform:rotate(247.5deg)}75%{transform:rotate(270deg)}81%{transform:rotate(292.5deg)}87%{transform:rotate(315deg)}93%{transform:rotate(337.5deg)}to{transform:rotate(360deg)}}.football{padding:36px 0;z-index:1;position:relative}.football-title{font-size:12px;font-weight:400;line-height:normal;text-align:center;margin-bottom:36px}@media screen and (min-width: 768px){.football-title{font-size:14px}}@media screen and (min-width: 1200px){.football-title{font-size:16px}}.football-text{text-align:center;padding-bottom:10px}.football-box{display:block;margin:auto;height:220px;width:300px;border-radius:37px;border:2px solid #000;background:#5ABB58;position:relative;overflow:hidden;cursor:url(/paperoni-programmer-project/assets/cursor-66e6d149.svg),pointer}@media screen and (min-width: 768px){.football-box{width:480px;max-width:100%}}@media screen and (min-width: 1200px){.football-box{width:720px;max-width:100%}}.football-ball{width:50px;height:50px;background-color:red;border-radius:50%;position:absolute;left:0;top:0;transition:.5s all ease}.football-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.football-line{width:536px;left:calc(50% - 268px)}}.football-goal{position:absolute;bottom:0;left:calc(50% - 100px);width:200px;height:50px;background-color:#fff;border:2px solid black;border-radius:5px}.football-ball{position:absolute;width:50px;height:50px;border-radius:50%;transition:.5s all ease}.football-score{font-size:12px;margin-top:20px;text-align:center}@media screen and (min-width: 768px){.football-score{font-size:14px}}@media screen and (min-width: 1200px){.football-score{font-size:16px}}.football-end{position:absolute;top:0;width:200px;height:300px;font-size:14px;background-color:#00000080;z-index:2;text-align:center;display:none;height:220px;width:300px;border-radius:37px}@media screen and (min-width: 768px){.football-end{width:480px;max-width:100%}}@media screen and (min-width: 1200px){.football-end{width:720px;max-width:100%}}.football-end-text{margin-top:50px;color:#fff}.football-end-btn{color:#8acecf;margin-top:30px;font-size:14px;padding:10px;background-color:#000;border-radius:20px}.football-timer{width:50px;height:20px;background-color:#8acecf;text-align:center;display:block;margin-left:auto;margin-right:auto}.max-number{padding:36px 0;position:relative;z-index:1}.max-number-title{text-align:center;font-size:12px;font-weight:400}@media screen and (min-width: 768px){.max-number-title{font-size:14px}}@media screen and (min-width: 1200px){.max-number-title{font-size:16px}}.max-number-form{gap:20px;display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;padding:36px 0}@media screen and (min-width: 768px){.max-number-form{display:flex;flex-direction:row;gap:38px}}.max-number-box-item{color:#7e7e7e;font-size:12px;font-weight:400;border-radius:20px;background:#D7D7D7;box-shadow:3px 3px #00000040;width:140px;display:inline-flex;padding:10px 20px;border:none;text-align:center;margin-left:auto;margin-right:auto}@media screen and (min-width: 768px){.max-number-box-item{margin-left:0;margin-right:0}}.max-number-text{font-size:12px;font-weight:400;line-height:normal;text-align:center}.max-number-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.max-number-line{width:536px;left:calc(50% - 268px)}}.team{padding-top:36px;padding-bottom:36px;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.team-img{border-radius:20px;background:#d9d9d9;width:80px;height:80px}@media screen and (min-width: 768px){.team-img{width:100px;height:100px}}@media screen and (min-width: 1200px){.team-img{width:150px;height:150px}}.team-title{font-size:16px;font-weight:400;line-height:normal;text-align:center;margin-bottom:36px}.team-block{display:flex;flex-direction:column;gap:20px;align-items:center}.team-block ul{width:100px;display:flex;flex-direction:row;gap:5px}.team-block li{background-color:#e3e3e3;width:25px;height:4px;border-radius:15%}.team-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;background-color:#000}@media screen and (min-width: 768px){.team-line{width:536px;left:calc(50% - 268px)}}.team-block p,.team-name{transition:opacity .5s ease,transform .5s ease}.team-block .fade-in{opacity:1;transform:translateY(0)}.team-block .fade-out{opacity:0;transform:translateY(-20px)}.team-block p{font-size:12px}.team-btn{cursor:pointer;width:50px;height:100px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABmCAYAAACEPrIXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB7dpRCcMADAbhMAWVUAnzb2ZW1lKohrtwH/wCDvKYmccxi5zXfte+s8gdU5RBURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRl8UZ9JjirTq4YqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqFaFXPMwhfHc5b4A3pLe2DX0SayAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100%;border:none;background-color:transparent;position:absolute;right:70px}.team-btn:last-child{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABmCAYAAACEPrIXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB7dpRCcMADAbhMAWVUAnzb2ZW1lKohrtwH/wCDvKYmccxi5zXfte+s8gdU5RBURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRl8UZ9JjirTq4YqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqFaFXPMwhfHc5b4A3pLe2DX0SayAAAAAElFTkSuQmCC);transform:rotate(180deg);left:calc(50% - 135px);top:36%;cursor:pointer}@media screen and (min-width: 768px){.team-btn:last-child{width:30px;height:60px;cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABmCAYAAACEPrIXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB7dpRCcMADAbhMAWVUAnzb2ZW1lKohrtwH/wCDvKYmccxi5zXfte+s8gdU5RBURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRl8UZ9JjirTq4YqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqFaFXPMwhfHc5b4A3pLe2DX0SayAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:cover;border:none;background-color:transparent;position:absolute;top:35%;left:calc(50% - 335px);transform:rotate(180deg)}}@media screen and (min-width: 1200px){.team-btn:last-child{cursor:pointer;width:50px;height:100px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABmCAYAAACEPrIXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB7dpRCcMADAbhMAWVUAnzb2ZW1lKohrtwH/wCDvKYmccxi5zXfte+s8gdU5RBURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRl8UZ9JjirTq4YqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqFaFXPMwhfHc5b4A3pLe2DX0SayAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:cover;border:none;background-color:transparent;position:absolute;top:35%;left:calc(50% - 405px);transform:translateY(-50%);transform:rotate(180deg)}}.team-btn{width:30px;height:60px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABmCAYAAACEPrIXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB7dpRCcMADAbhMAWVUAnzb2ZW1lKohrtwH/wCDvKYmccxi5zXfte+s8gdU5RBURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRl8UZ9JjirTq4YqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqFaFXPMwhfHc5b4A3pLe2DX0SayAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:cover;border:none;background-color:transparent;position:absolute;top:45%;right:calc(50% - 135px);transform:translateY(-60%)}@media screen and (min-width: 768px){.team-btn{cursor:pointer;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABmCAYAAACEPrIXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB7dpRCcMADAbhMAWVUAnzb2ZW1lKohrtwH/wCDvKYmccxi5zXfte+s8gdU5RBURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRl8UZ9JjirTq4YqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqFaFXPMwhfHc5b4A3pLe2DX0SayAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:cover;border:none;background-color:transparent;position:absolute;right:calc(50% - 335px)}}@media screen and (min-width: 1200px){.team-btn{cursor:pointer;width:50px;height:100px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAABmCAYAAACEPrIXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACsSURBVHgB7dpRCcMADAbhMAWVUAnzb2ZW1lKohrtwH/wCDvKYmccxi5zXfte+s8gdU5RBURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRlUZRFURZFWRRl8UZ9JjirTq4YqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqEqhqoYqmKoiqFaFXPMwhfHc5b4A3pLe2DX0SayAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:cover;border:none;background-color:transparent;position:absolute;top:50%;right:calc(50% - 405px)}}.team-block p,.team-name{opacity:1;transform:translate(0);transition:opacity .5s ease,transform .5s ease}.team-block .fade-in{opacity:1;transform:translate(0)}.team-block .fade-out-right{opacity:0;transform:translate(100%)}.team-block .fade-out-left,.fade-out-left{opacity:0;transform:translate(-100%)}.fade-out-right{opacity:0;transform:translate(100%)}.fade-in{opacity:1;transform:translate(0)}#scientists{z-index:1;position:relative;padding-top:36px}@media screen and (min-width: 1200px){#scientists{padding-bottom:36px}}.scientists{display:flex;flex-wrap:wrap;width:577px;height:408px;margin:auto;justify-content:center;align-items:center}.scientists li{width:100px;height:100px;border-radius:20px;background:#d9d9d9;margin-right:59px;margin-bottom:36px;font-size:8px;line-height:170%;text-align:center;padding-top:32px;box-sizing:border-box;transition:1s}.scientists-title{font-size:16px;font-weight:400;line-height:normal;text-align:center;margin-bottom:36px}@media screen and (max-width: 767px){.scientists{width:100%;height:auto;justify-content:center}.scientists li{width:calc(50% - 10px);margin-right:10px}.scientists li:nth-child(2n){margin-right:0}.sort-list{flex-direction:column;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;text-align:center}.sort-list ul{flex-direction:column;align-items:center;justify-content:center;text-align:center}}@media screen and (min-width: 768px) and (max-width: 1023px){.scientists{width:100%;height:auto;justify-content:center}.scientists li{width:calc(33.333% - 10px);margin-right:10px}.scientists li:nth-child(3n){margin-right:0}}.sort-list{display:flex}@media screen and (min-width: 1200px){.sort-list{margin-left:147px}}.sort-list ul{display:flex;flex-direction:column;gap:20px;margin:0 0 20px}.sort-list ul:first-child{margin-right:36px}@media screen and (min-width: 768px){.sort-list ul:first-child{align-items:end}}@media screen and (min-width: 1200px){.sort-list ul:first-child{align-items:end}}.last{margin-right:50px;margin-left:50px}@media screen and (min-width: 1200px){.last{margin-left:300px}}.sort-list-item{border-radius:20px;background:#000;box-shadow:3px 3px #00000040;color:#fff;padding:10px 20px;width:fit-content;font-size:12px;line-height:normal;cursor:pointer}.sort-list-item.active{color:#15d418}.scientists li:nth-child(4n){margin-right:0}.scientists-line{position:absolute;bottom:0;left:calc(50% - 125px);width:250px;height:1px;display:none;background-color:#000}@media screen and (min-width: 768px){.scientists-line{width:536px;display:none;left:calc(50% - 268px)}}@media screen and (min-width: 1200px){.scientists-line{width:536px;display:block;left:calc(50% - 268px)}}.space{z-index:1;position:relative;padding-top:36px}.space-score{text-align:center;margin-top:10px}.space-title{text-align:center;font-size:20px;font-weight:400;line-height:normal}.space-intro{text-align:center;font-size:17px;font-weight:400;line-height:normal;margin-top:15px}.space-list{text-align:center;font-size:16px;font-weight:400;line-height:normal}.space-btn-container{margin-top:15px;margin-bottom:15px;display:flex;justify-content:center;align-items:center}.space-btn{width:150px;height:40px;border-radius:25px;border:none;background-color:#eaeaea;cursor:pointer}.space-warn{text-align:center;font-size:17px;font-weight:400;line-height:normal}canvas{display:none;background-size:cover;background-position:center;width:100%;height:100%}.game-icon-container{display:flex;justify-content:center;align-items:center;gap:15px;font-size:24px;color:#000;position:absolute;top:80%;left:50%;transform:translate(-50%,-50%)}.game-icon{width:200px;height:200px}.game-title{font-size:30px;font-weight:700}.game-started canvas{display:block}.game-started .game-icon-container{display:none}.space-box{padding-bottom:160px}#startButton,.space-rest-btn{margin-top:20px;cursor:pointer}.game-over{position:absolute;display:flex;opacity:0;flex-direction:column;gap:10px;justify-content:center;align-items:center;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:100px;border-radius:10px;background-color:#e0e0e0;transition:opacity 1s linear;pointer-events:none}.game-over.active{opacity:1;pointer-events:all}.game-over button{width:150px;height:50px;cursor:pointer;font-family:Montserrat Alternates;border-radius:8px}.game-over button:hover{background-color:#fff}.game-over p{width:120px;text-align:center}#maxScoreEl{text-align:center;margin-top:10px}@media (max-width: 1200px){.space{display:none}}.footer{padding:35px 0;position:relative;z-index:1}@media screen and (min-width: 1200px){.footer{padding:61px 0}}.footer-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:20px}@media screen and (min-width: 768px){.footer-container{flex-direction:row}}.footer-logo{height:100px;width:200px}@media screen and (min-width: 768px){.footer-logo{height:41px;width:140px}}@media screen and (min-width: 1200px){.footer-logo{height:70px;width:165px}}.footer-list{display:flex;align-items:center;justify-content:center;flex-direction:column}@media screen and (min-width: 768px){.footer-list{display:block}}.footer-link{font-weight:400;line-height:170%;font-size:12px}@media screen and (min-width: 768px){.footer-link{font-size:10px}}@media screen and (min-width: 1200px){.footer-link{font-size:12px}}.footer-form{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;max-width:344px;gap:10px}@media screen and (min-width: 768px){.footer-form{flex-direction:row;gap:0;font-size:10px;max-width:281px}}@media screen and (min-width: 1200px){.footer-form{font-size:12px;max-width:344px}}.footer-input{color:#7e7e7e;font-weight:400;border-radius:20px;padding:10px 0 10px 10px;background:#d7d7d7;border:none;transition:box-shadow,color,background-color,outline,.25s cubic-bezier(.4,0,.2,1);font-size:12px;width:204px;height:35px}@media screen and (min-width: 768px){.footer-input{font-size:10px;width:150px;height:27px}}@media screen and (min-width: 1200px){.footer-input{font-size:12px;width:204px;height:35px}}.footer-button{color:#fff;font-weight:400;line-height:normal;border-radius:20px;background:#000;cursor:pointer;transition:box-shadow,color,background-color,outline,.25s cubic-bezier(.4,0,.2,1);font-size:12px;width:107px;height:35px}@media screen and (min-width: 768px){.footer-button{margin-left:33px;font-size:10px;width:98px;height:27px}}@media screen and (min-width: 1200px){.footer-button{font-size:12px;width:107px;height:35px}}.footer-subtext{font-size:8px;font-weight:400;line-height:normal;text-align:center;max-width:200px}@media screen and (min-width: 768px){.footer-subtext{font-size:6px;margin-right:89px;margin-top:8px;text-align:left}}@media screen and (min-width: 1200px){.footer-subtext{margin-top:18px}}.scrolltop{position:fixed;bottom:20px;left:calc(50% + 100px);width:40px;height:40px;border-radius:50%;background-color:#000;transition:box-shadow,color,background-color,outline,.25s cubic-bezier(.4,0,.2,1);z-index:1}@media screen and (min-width: 768px){.scrolltop{left:calc(50% + 330px);width:50px;height:50px}}@media screen and (min-width: 1200px){.scrolltop{left:calc(50% + 550px)}}.scrolltop:hover .scrolltop-arrow-part1,.scrolltop:hover .scrolltop-arrow-part2{background-color:#000;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.scrolltop-arrow-part1{width:14px;height:2.5px;background-color:#fff;transform:rotate(-45deg);position:absolute;top:18px;left:9px;transition:background-color .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 768px){.scrolltop-arrow-part1{top:21px;width:20px;height:3px}}.scrolltop-arrow-part2{width:14px;height:2.5px;background-color:#fff;transform:rotate(45deg);position:absolute;top:18px;right:9px;transition:background-color .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 768px){.scrolltop-arrow-part2{top:21px;width:20px;height:3px}}