@keyframes checked-anim{50%{width:150%;height:150%}100%{width:30%;height:100%;border-radius:0;:after-content:' '}}@keyframes checked-anim-mobile{50%{width:150%;height:150%}100%{widht:100% !important;height:100%;border-radius:0;:after-content:' '}}@keyframes not-checked-anim{0%{width:150%;height:150%}}.menu li,.menu a{margin:75px 0 -55px 0;color:#000;font-weight:700;text-decoration:none;text-transform:none;list-style:none;outline:0;display:none;font-size:26px}.menu li{max-width:355px;text-indent:56px}.menu a:focus{display:block;color:#333;background-color:#eee;transition:all .5s}.menu a:hover{text-decoration:underline}.menu #trigger,.menu #burger,.menu #burger:before,.menu #burger:after{position:fixed;top:40px;right:30px;background:#000;width:40px;height:5px;transition:.2s ease;cursor:pointer;z-index:100}.menu #trigger{height:25px;background:none}.menu #burger:before{content:" ";top:30px;right:30px}.menu #burger:after{content:" ";top:50px;right:30px}.menu #menu-toggle:checked+#trigger+#burger{top:35px;transform:rotate(180deg);transition:transform .2s ease}.menu #menu-toggle:checked+#trigger+#burger:before{width:20px;top:-2px;right:-6px;transform:rotate(45deg) translateX(-5px);transition:transform .2s ease}.menu #menu-toggle:checked+#trigger+#burger:after{width:20px;top:2px;right:-6px;transform:rotate(-45deg) translateX(-5px);transition:transform .2s ease}.menu #menu{position:fixed;margin:0;padding:0;width:150px;height:150px;background-color:#fff;border-bottom-left-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,0.26);animation:not-checked-anim .2s both;transition:.2s;z-index:99;right:0px}@media (min-width: 990px){.menu #menu:after{content:none;position:absolute;width:100%;height:280px;background:url(../img/website_logo.png);background-repeat:no-repeat;background-position:center;background-size:contain;margin-top:55px}}@media (min-width: 991px){.menu #menu-toggle:checked+#trigger+#burger+#menu{animation:checked-anim 1s ease both}}@media (max-width: 990px){.menu #menu-toggle:checked+#trigger+#burger+#menu{animation:checked-anim-mobile 1s ease both;width:100%}}.menu #menu-toggle:checked+#trigger ~ #menu>li,.menu a{display:block}.menu [type="checkbox"]:not(:checked),.menu [type="checkbox"]:checked{display:none}*{margin:0px;padding:0px;font-family:'Roboto'}* body a{text-decoration:underline;color:black}* body .body{max-height:100vh;overflow-x:hidden}* body .body video{width:100%;height:100%;z-index:-1;position:relative;object-fit:cover;max-height:100vh}* body .body .container{width:100%;height:100%;background:url(../img/background_sw.webp);background-size:cover;background-repeat:no-repeat;background-position:center;position:absolute;top:0px;left:0px;perspective:85px;overflow:hidden}@media (max-width: 990px){* body .body .container{overflow:show;height:auto}}* body .body .container .cover{background:rgba(65,65,65,0.6);height:100%;transition:transform 0.5s;-webkit-transition:transform 0.5s;-moz-transition:transform 0.5s;-o-transition:transform 0.5s;box-shadow:0 3px 6px rgba(0,0,0,0.5),0 0 40px rgba(0,0,0,0.5)}* body .body .container .cover .main h1{font-size:6em;color:white;padding-left:20%;padding-top:30%}@media (max-width: 990px){* body .body .container .cover .main h1{font-size:4em;padding:35px;padding-bottom:0px}}* body .body .container .cover .main h2{font-size:2em;color:white;padding-left:20%}@media (max-width: 990px){* body .body .container .cover .main h2{font-size:1.2em;padding-left:35px}}* body .body .container .cover .main h2 a{display:block;font-size:0.6em;text-decoration:none;border:1px solid white;padding:5px;max-width:265px;background:white}* body .body .container .cover .main small{color:white;position:absolute;display:block;top:10px;left:10px}* body .body .container .cover .main small a{color:white}* body .body .container .cover .side{position:absolute;width:300px;height:100%;right:25px;top:35px}@media (max-width: 990px){* body .body .container .cover .side{position:initial;margin:15px auto;margin-top:55px}}* body .body .container .cover .side .element{position:relative;margin:15px 0px;padding:30px;background:transparent;box-shadow:0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;overflow:hidden}* body .body .container .cover .side .element:before{position:absolute;left:0px;top:0px;width:100%;height:100%;content:'';box-shadow:inset 0 0 0 100px rgba(255,255,255,0.7);filter:blur(55px)}* body .body .container .cover .side .element h3{color:white}.modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center}.modal__container{background-color:#fff;padding:30px;max-width:500px;max-height:100vh;border-radius:4px;overflow-y:auto;box-sizing:border-box}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#00449e;box-sizing:border-box}.modal__close{background:transparent;border:0}.modal__header .modal__close:before{content:"\2715"}.modal__content{margin-top:2rem;margin-bottom:2rem;line-height:1.5;color:rgba(0,0,0,0.8)}.modal__btn{font-size:.875rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;background-color:#e6e6e6;color:rgba(0,0,0,0.8);border-radius:.25rem;border-style:none;border-width:0;cursor:pointer;-webkit-appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;will-change:transform;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{from{opacity:0}to{opacity:1}}@keyframes mmfadeOut{from{opacity:1}to{opacity:0}}@keyframes mmslideIn{from{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{from{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden="false"] .modal__overlay{animation:mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden="false"] .modal__container{animation:mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden="true"] .modal__overlay{animation:mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide[aria-hidden="true"] .modal__container{animation:mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}
/*# sourceMappingURL=joedev.css.map */