.loaderwrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loader{scale:3;animation:rotate 2s infinite;height:50px;width:50px}.loader:before,.loader:after{border-radius:50%;content:"";display:block;height:20px;width:20px}.loader:before{animation:ball1 1s infinite;background-color:#106485;box-shadow:30px 0 #cdefff;margin-bottom:10px}.loader:after{animation:ball2 1s infinite;background-color:#00a096;box-shadow:30px 0 #e9ffff}@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(.8);-moz-transform:rotate(0deg) scale(.8)}50%{-webkit-transform:rotate(360deg) scale(1.2);-moz-transform:rotate(360deg) scale(1.2)}to{-webkit-transform:rotate(720deg) scale(.8);-moz-transform:rotate(720deg) scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 #34f8b7}50%{box-shadow:0 0 #34f8b7;margin-bottom:0;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px)}to{box-shadow:30px 0 #34f8b7;margin-bottom:10px}}@keyframes ball2{0%{box-shadow:30px 0 #fefffc}50%{box-shadow:0 0 #fefffc;margin-top:-20px;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px)}to{box-shadow:30px 0 #fefffc;margin-top:0}}.layout{width:100%;overflow:hidden;background:url(/myfapp/assets/fonfish-DLdwZAtr.jpg) center center/cover no-repeat;position:relative}.layout__navbar{position:absolute;z-index:11;top:10rem;left:0;transition:left .3s ease-in-out}.layout__main{width:100%;height:100vh}.layout__hiddnavbar{width:3rem;height:3rem;position:absolute;z-index:100;top:5rem;left:1.5rem;scale:1.3;background:#313131;border-radius:.5rem;opacity:1}.visiblenavbar{opacity:.3;top:10rem;left:-20rem;transition:left .3s ease-in-out}:root{--index: calc(1vw + 1vh) }html{font-size:62.5%;height:100dvh;font-family:Raleway,sans-serif;font-weight:100;font-style:normal;background:#313131}*{margin:0;padding:0;box-sizing:border-box}p{font-size:1.1rem;font-family:Montserrat;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#cacaca}@media (max-width: 700px){p{font-size:1.5rem}}h1{font-size:3rem;color:#008394;font-family:Raleway;font-weight:400}h2{font-size:2rem;color:#eee;font-family:Raleway;font-weight:400;text-align:left}h3{font-size:1.1rem;font-family:Montserrat;font-optical-sizing:auto;font-weight:600;font-style:normal;color:#cacaca;margin:.3rem 0}h4{font-size:1.1rem;color:#cacaca;margin:.3rem 0}@media (max-width: 700px){h4{font-size:1.4rem}}a{color:#eee;text-decoration:none;font-size:1.1rem;font-family:Raleway;letter-spacing:1px}.COLORMAIN{color:#1b1b1b}.COLORRED{color:#fd3715}.COLORTEXT{color:#cacaca}.COLORSECOND{color:#313131}.COLORACCENT{color:#008394}.COLORMAINBG{background:#1b1b1b}.COLORTEXTBG{background:#cacaca}.COLORSECONDBG{background:#313131}.COLORACCENTBG{background:#008394}.lightcolor{color:#adadad}.fontsize2rem{font-size:2rem}.fontsize1rem{font-size:1.1rem}.fontsize1-5rem{font-size:1.5rem}.taright{text-align:right}.taleft{text-align:left}.tacenter{text-align:center}.tajustify{text-align:justify}.marginbottom1{margin-bottom:1rem}.marginbottom2{margin-bottom:2rem}.marginbottom3{margin-bottom:3rem}.marginbottom5{margin-bottom:5rem}.margin1{margin:1rem}.margin2{margin:2rem}.marginright1{margin-right:1rem}.marginright2{margin-right:2rem}.marginleft1{margin-left:1rem}.marginleft2{margin-left:2rem}.active{color:#008394;border-left:2px solid #008394;border-radius:25px}.active *,.active p,.active h4{color:#008394}.upper{text-transform:uppercase}.svg{display:flex;min-height:3rem;max-height:5rem}.svgbox{height:100%;width:100%}.absolutecenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input{width:100%;height:3rem;border:none;border-bottom:1px solid #008394;outline:none;margin-bottom:.5rem;border-radius:.2rem;background:none;padding:.5rem;font-size:1.5rem;color:#fff}input:focus{border-bottom:1px solid white}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{text-decoration-color:#fff;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:#ffffff}.grad{color:#008394;animation:grad 3s ease infinite;text-shadow:0rem 0rem 5rem #eeeeee}@keyframes grad{0%{color:#008394}50%{color:#eee}to{color:#008394}}.icomhover{cursor:pointer;transition:all .2s}.icomhover:hover{transition:all .2s;color:#003546}@media (max-width: 700px){.icomhover{font-size:2.7rem}}@media (max-width: 400px){.icomhover{font-size:2rem}}.hovertext{transition:all .2s}.hovertext:hover{transition:all .2s;color:#000}.navbar{padding:.5rem;overflow:hidden}.navbar__item{width:5rem;padding-left:1rem;background:#313131;justify-content:flex-start;align-items:center;border-radius:10rem;overflow:hidden;transition:width .3s ease-in-out}.navbar__item:hover{width:15rem;transition:width .3s ease-in-out}.navbar__item h1{padding-top:.7rem;color:#fff}.navbar__exit *{color:#fd3715;transition:all .2s}.navbar__exit:hover *{color:#832900;transition:all .2s}.flex{display:flex}.flex-flex{width:100%;height:100%}.flex-row{flex-direction:row}.flex-relative{position:relative}.flex-absolute{position:absolute}.flex-column{flex-direction:column}.flex-spredv{justify-content:space-between}.flex-spredh{align-content:space-between}.flex-center{justify-content:center;align-items:center}.flex-centerh{justify-content:center}.flex-centerv{align-items:center}.flex-pading{align-items:center;padding:.3rem}