:root{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background-color:#e5f0ff;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}body{margin:0;display:flex;place-items:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.container{display:flex;flex-direction:column;height:100dvh;width:100dvw}section{flex:1;overflow:auto}.container-content{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.rotate-down-enter{animation:rotateDown .6s ease-out forwards;opacity:0;transform-origin:bottom;transform:rotateX(-90deg)}@keyframes rotateDown{0%{opacity:0;transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.container-content-button{background-color:#142f55;border:0 none;border-radius:3rem;cursor:pointer;padding:1rem 1rem .5rem;position:absolute;right:3.6rem;z-index:100}.container-content-button:hover{animation:jump .5s ease;background-color:#1a3e70}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width: 540px){.container-content-button{padding:.5rem .5rem .25rem}}@media (max-width: 430px){.rotate-down-enter{align-items:center;display:flex;height:100%;flex-direction:column;justify-content:center}}.container-navbar{position:absolute;right:1.5rem;top:7dvh;transition:all .4s ease-in-out;z-index:100}.container-navbar ul li{align-items:center;display:flex;list-style-type:none;justify-content:center;margin:.5rem;padding:.5rem;transition:all .4s ease-in;width:max-content}.container-navbar ul li:hover>div:first-child{background-color:#9fb4d8;transform:scale(1.2)}.container-navbar ul li div:first-child{background-color:#c7d5eb;border-radius:2rem;box-shadow:#00000026 0 2px 8px;cursor:pointer;padding:1rem 1rem .8rem;transition:all .3s ease-in}.animation-nav{animation:animation-ease .5s ease-in-out}.animation-nav-back{animation:animation-ease-reverse .5s ease-in-out}.animation-toggle{animation:rotate-menu .3s ease-in-out;transform-origin:center}.container-item-navbar-paragraph{color:#142f55;cursor:pointer;font-size:26px;font-weight:700;text-transform:capitalize;margin:0 0 0 1rem}@keyframes animation-ease{0%{transform:translate(40%) rotateY(-90deg)}to{transform:translate(0) rotateY(0)}}@keyframes animation-ease-reverse{0%{transform:translate(0) rotateY(0)}to{transform:translate(40%) rotateY(-90deg)}}@keyframes rotate-menu{0%{transform:translate(0) rotateY(0)}to{transform:translate(0) rotateY(180deg)}}