html{background-color:rgb(0,10,70);font-family:"Pacifico",sans-serif;font-weight:400;font-style:normal;height:100%;}body{max-width:1200px;background-color:rgb(0,10,70);border-right:1px solid #000523;border-left:1px solid #000524;margin:0;margin:0 auto;padding:0;box-sizing:border-box;height:100%;cursor:url("sources/cursor.png"),auto;}.loader{display:none;}.content{display:none;}.loading .loader{display:flex;align-items:center;justify-content:center;height:100vh;}.loaded .loader{display:none;}.loaded .content{display:flex;}.lds-spinner{display:inline-block;position:relative;width:80px;height:80px;}.lds-spinner div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid #ff0000;border-radius:50%;animation:lds-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#ffffff transparent transparent transparent;}.lds-spinner div:nth-child(1){animation-delay:-.045s;}@keyframes lds-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}#result{animation-fill-mode:forwards;}.header{flex-direction:row;gap:20px;padding:10px 20px;background-color:rgba(56,96,255,.1254901961);box-sizing:border-box;box-shadow:inset 0 0 5px 5px #000a46;}.header .nav-bar{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;max-width:800px;}.header .nav-bar .link{height:fit-content;white-space:nowrap;cursor:url("sources/pointer.png"),auto;color:rgb(0,217,255);font-size:14px;text-align:center;text-decoration:none;text-transform:capitalize;padding:5px 10px;text-align:center;border-radius:10px;background-color:rgb(0,10,70);border:1px solid #385fff;width:100%;max-width:150px;text-shadow:0 0 0 rgba(0,0,0,.3882352941);box-shadow:0 0 0 #385fff,inset 0 0 0 #385fff;transition:box-shadow 200ms;}.header .nav-bar .link:hover{text-shadow:-8px 4px 6px rgba(0,0,0,.3882352941);box-shadow:0 0 20px #385fff,inset 0 0 0 #385fff;}.header .nav-bar .link:hover:not(:first-child){text-shadow:8px 4px 6px rgba(0,0,0,.3882352941);}.header .nav-bar .link:active{box-shadow:0 0 0 #385fff,inset 0 0 20px #385fff;text-shadow:0 0 1px #fff,-8px 4px 6px rgba(0,0,0,.3882352941);}.header .actions{display:flex;justify-content:flex-end;align-items:center;width:100%;gap:10px;}.header .actions .button{cursor:url("./sources/pointer.png"),auto;background-color:transparent;border:1px solid #385fff;padding:3px 6px;display:flex;justify-content:center;align-items:center;height:fit-content;width:fit-content;border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.3568627451);transition:all 300ms;}.header .actions .button img{display:flex;width:20px;transition:all 300ms;}.header .actions .button.active{background-color:rgba(0,0,0,.5647058824);}.header .actions .button:hover{box-shadow:0 0 3px 1px rgba(0,0,0,.3568627451);}.header .actions .button:hover img{width:25px;}.header .popup_lang{opacity:0;display:none;transition:opacity 1200ms ease;}.header .popup_lang.active{opacity:1;display:flex;position:absolute;top:0;right:0;left:0;bottom:0;z-index:10;background-color:rgba(0,8,53,.631372549);}.header .popup_lang.active .menu-lang{position:absolute;right:20px;top:20px;display:flex;border:2px solid #385fff;background-color:#000a46;padding:20px;border-radius:15px;box-shadow:inset 0 0 10px #385fff;}.header .popup_lang.active .menu-lang .list-lang{display:flex;flex-direction:row;gap:5px;align-items:center;}.header .popup_lang.active .menu-lang .list-lang .button.changeLang{cursor:url("./sources/pointer.png"),auto;background-color:transparent;border:1px solid #385fff;padding:3px 6px;display:flex;justify-content:center;align-items:center;height:fit-content;width:fit-content;border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.3568627451);transition:all 300ms;}.header .popup_lang.active .menu-lang .list-lang .button.changeLang img{display:flex;width:20px;transition:all 300ms;}.header .popup_lang.active .menu-lang .list-lang .button.changeLang.active{background-color:rgba(0,0,0,.5647058824);}.header .popup_lang.active .menu-lang .list-lang .button.changeLang:hover{box-shadow:0 0 3px 1px rgba(0,0,0,.3568627451),inset 0 0 10px #385fff;}.header .popup_lang.active.hiden{opacity:0;}.main{height:calc(100% - 65px);}.main .container{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;height:100%;box-sizing:border-box;}.main .container #lottie-animation{width:200px;}.main .container #lottie-animation-2{width:200px;}.main .container .results-container{padding-bottom:40px;}.main .container .results-container .title{color:#5778ff;font-size:20px;text-shadow:0 0 20px #385fff;text-align:center;}.main .container .results-container .result{color:rgb(0,234,255);font-size:20px;text-shadow:0 0 20px #385fff;text-align:center;}.main .container .actions{width:100%;text-align:center;}.main .container .actions .button{border:none;font-family:"Pacifico",sans-serif;font-weight:400;font-style:normal;color:rgb(0,217,255);font-size:20px;text-shadow:0 0 20px #385fff;border:2px solid #385fff;padding:10px 15px;border-radius:10px;background-color:transparent;box-shadow:0 0 20px #385fff;animation-fill-mode:forwards;width:100%;max-width:80vw;}.main .container .actions .button:hover{box-shadow:inset 0 0 20px #385fff;}@media screen and (max-width:380px){.header{padding:5px 10px;gap:5px}.header .nav-bar{gap:5px}.header .nav-bar .link{font-size:10px;padding:3px 6px}}@media screen and (min-width:700px){.header{border-radius:10px}.main .container{padding:20px}.main .container #lottie-animation{width:200px}.main .container .results-container{padding-bottom:40px}.main .container .results-container .result{font-size:40px;text-shadow:0 0 20px #385fff;text-align:center}.main .container .actions{text-align:center}.main .container .actions .button{cursor:url("sources/pointer.png"),auto;font-size:30px;text-shadow:0 0 20px #385fff;border:2px solid #385fff;padding:10px 15px;border-radius:10px;width:100%;max-width:400px;margin:0 auto;transition:box-shadow 200ms;box-shadow:0 0 0 #385fff,inset 0 0 0 #385fff}.main .container .actions .button:hover{box-shadow:0 0 20px #385fff,inset 0 0 0 #385fff}.main .container .actions .button:active{box-shadow:0 0 0 #385fff,inset 0 0 20px #385fff}}