@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap);:root{--mw:500px;--minimw:400px;--btnmax:70px;--btnmin:50px}body{background:#7f7fd5;background:linear-gradient(270deg,#84d4ea,#86a8e7,#7f7fd5);font-family:Comfortaa,cursive;margin:0;padding:0}.container{display:grid;grid-template:1fr 1.5fr/.5fr 2fr .5fr;height:100vh;height:calc(var(--vh, 1vh)*100);position:relative;width:100vw}.waves{fill:#fff;stroke:#fff;stroke-miterlimit:10;stroke-width:8px;height:auto;left:-7px;opacity:.6;width:100%}.area{grid-column:2/3;height:100%;width:100%}.origin{background-color:#c43704;bottom:0;height:70%;left:calc(50% - 1px);top:0;width:2px;z-index:1}.origin,.pointer{position:absolute}.pointer{background-color:#2d4693;border-radius:5px;height:50px;top:17%;transition:all .4s;width:6px;z-index:4}.main{grid-column:2/3;grid-row:2/3;height:100%;position:relative;width:100%}.inmain{grid-gap:15vh 8px;display:grid;gap:15vh 8px;grid-template-columns:48px 300px 48px;grid-template-rows:48px 1fr;justify-content:center;position:absolute}.center,.inmain{height:100%;max-width:100%;width:100%}.center{grid-row:1/span 3;margin-left:auto;margin-right:auto}.center,.pic{display:block;min-height:330px;position:relative}.pic{height:100%;max-width:100%;object-fit:contain;object-position:center top;width:100%;z-index:2}.numbers{display:none;font-size:25px;position:absolute;right:30px;top:20px}.btn{all:unset;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;font-size:25px;height:70px;text-align:center;width:70px;z-index:5}.btn:hover,.green{color:#000}.green{background-color:#fff;border-color:#2d4693;box-shadow:inset 0 0 0 0 #2d4693,0 0 1px 3px #2d4693}.theAnswer{background-color:#31d233;background-color:#ebf297;transition:all .3s step-end}.prefooter{background-color:#2d2051;bottom:0;height:40px;padding:10px 0;position:absolute;width:100vw}@media screen and (max-width:570px){.btn{font-size:17.85714px;font-weight:700;height:50px;width:50px}}.parent-dombyra{bottom:0;height:470px;width:470px;z-index:2}.img-dombyra,.parent-dombyra{left:0;margin:auto;position:absolute;right:0}.img-dombyra{bottom:-2px;height:auto;-webkit-transform:rotate(.5deg);transform:rotate(.5deg);width:234px}.d-note{left:30px;top:92px}.d-note,.g-note{position:absolute}.g-note{right:30px;top:234px}@media screen and (max-width:570px){.parent-dombyra{width:370px}.img-dombyra{width:204px}.d-note{left:26px;top:136px}.g-note{right:26px;top:268px}}@media screen and (max-width:370px){.parent-dombyra{height:510px;width:320px}.img-dombyra{width:180px}.d-note{left:12px;top:216px}.g-note{right:12px;top:324px}}.dock-wrapper{align-items:center;background-color:rgba(45,32,81,.6);border-radius:10px 10px 10px 10px;bottom:20vh;display:flex;flex-direction:column;height:220px;justify-content:center;padding:3px;position:absolute;right:calc(.8vw + 7px);width:78.5px;z-index:999}.dock-wrapper ul{padding:0}.dock-wrapper li{list-style-type:none;position:relative}.dock-wrapper li img{height:auto;transition:all .4s;width:100px}.dock-wrapper li:hover img{margin:30px 0;-webkit-transform:scale(1.5);transform:scale(1.5)}.dock-wrapper li span{background-color:rgba(45,32,81,.6);border-radius:10px;display:none;padding:4px 8px;position:absolute;right:100px;text-align:center;width:100%}.dock-wrapper li:hover span{color:#fff;display:block}@media screen and (max-width:750px){.dock-wrapper{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:rgba(45,32,81,.6);bottom:1rem;height:78.5px;left:0;margin:auto;padding:3px;right:0;text-align:center;width:260px;z-index:999}.dock-wrapper li{display:inline-block}.dock-wrapper li span{bottom:130px;right:auto;width:100px}.dock-wrapper li img{-webkit-transform-origin:center;transform-origin:center}.dock-wrapper li:hover img{margin:0 30px;-webkit-transform:scale(1.5);transform:scale(1.5)}.dock-wrapper li span{background-color:rgba(45,32,81,.6);border-radius:10px;bottom:110px;display:none;padding:4px 8px;position:absolute}.dock-wrapper li:hover span{color:#fff;display:block}}.back{background-image:url(/static/media/waves_final-02.c22c0d81e10d912e7225.svg);background-repeat:no-repeat;background-size:cover;height:40vh;opacity:.6;position:absolute;width:100vw}.footer{align-items:center;background-color:#2d2051;color:#fff;display:flex;flex-direction:column;height:100px;justify-content:space-evenly;position:relative;width:100%;z-index:999}.footer a{color:#fff;text-decoration:none}.pr{background-color:#a9c9ff;background-image:linear-gradient(180deg,#a9c9ff,#ffbbec)}.parent-prima{bottom:0;height:470px;width:470px;z-index:2}.img-prima,.parent-prima{left:0;margin:auto;position:absolute;right:0}.img-prima{bottom:-2px;height:auto;width:208px}.d-note-prima{left:36px;position:absolute;top:162px}.g-note-prima{left:36px;position:absolute;top:258px}.a-note-prima{top:162px}.a-note-prima,.e-note-prima{position:absolute;right:36px}.e-note-prima{top:258px}@media screen and (max-width:570px){.parent-prima{width:370px}.img-prima{width:182px}.d-note-prima{left:26px;top:210px}.g-note-prima{left:26px;top:288px}.a-note-prima{right:26px;top:210px}.e-note-prima{right:26px;top:288px}}@media screen and (max-width:370px){.parent-prima{width:320px}.img-prima{width:168px}.d-note-prima{left:10px;top:236px}.g-note-prima{left:10px;top:302px}.a-note-prima{right:10px;top:236px}.e-note-prima{right:10px;top:302px}}.parent-qobyz{bottom:0;height:510px;width:570px;z-index:2}.img-qobyz,.parent-qobyz{left:0;margin:auto;position:absolute;right:0}.img-qobyz{bottom:-2px;height:auto;width:328px}.a-note-qyl{position:absolute;right:30px;top:170px}.d-note-qyl{left:30px;position:absolute;top:220px}@media screen and (max-width:570px){.parent-qobyz{width:370px}.img-qobyz{width:284px}.a-note-qyl{right:12px;top:212px}.d-note-qyl{left:auto;right:12px;top:286px}}@media screen and (max-width:370px){.parent-qobyz{height:510px;width:320px}.img-qobyz{width:250px}.a-note-qyl{right:6px;top:238px}.d-note-qyl{left:auto;right:6px;top:312px}}.under{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:40px;height:100vh;justify-content:center;position:relative;width:100vw}.fof{font-size:100px;position:absolute;top:20%}
/*# sourceMappingURL=main.ecf6db9d.css.map*/