.Navbar{height:75px;display:flex;justify-content:space-around;align-items:center;background:#fedbd0}.Navbar .nav-logo{margin:15px}.Navbar .nav-logo img{height:65px}.Navbar .nav-items a{color:#442c2e;font-size:18px;font-weight:600;text-decoration:none;margin:15px;position:relative;opacity:.9}.Navbar .nav-items a:hover{opacity:1;color:#feeae6}.Navbar .nav-items a:before{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#feeae6;transition:all .45s}.Navbar .nav-items a:hover:before{width:100%}.Navbar .nav-items button{border:2px solid #24b4fb;background-color:#24b4fb;border-radius:.9em;padding:.8em 1.2em .8em 1em;transition:all ease-in-out .2s;font-size:15px}.Navbar .nav-items button span{display:flex;justify-content:center;align-items:center;color:#fff;font-weight:600}.Navbar .nav-items button:hover{background-color:#0071e2}.Navbar .nav-toggle{display:none}@media (max-width: 700px){.Navbar .nav-items{position:absolute;top:75px;display:flex;flex-direction:column;background:#181823;left:0;width:100%;transform:translate(-100%);transition:all .45s}.Navbar .nav-items button{margin:0 0 15px 8px;width:30%}.Navbar .nav-items a:before{background:transparent}.Navbar .nav-items.switch{transform:translate(0)}.Navbar .nav-toggle{display:flex;width:50px;height:50px;align-items:center;justify-content:center;cursor:pointer}.nav-toggle .hamburger{position:relative;width:32px;height:2px;background:#fff;transition:all .45s ease-in-out}.nav-toggle .hamburger:before,.nav-toggle .hamburger:after{content:"";position:absolute;height:2px;background:#fff;border-radius:2px;transition:all .45s ease-in-out}.nav-toggle .hamburger:before{width:32px;transform:translateY(-8px);right:0}.nav-toggle .hamburger:after{width:32px;transform:translateY(8px)}.nav-toggle.switch .hamburger{transform:translate(-40px);background:transparent}.nav-toggle.switch .hamburger:before{width:32px;transform:rotate(45deg) translate(26px,-26px)}.nav-toggle.switch .hamburger:after{transform:rotate(-45deg) translate(26px,26px)}}.footer{background-color:#fff;padding:20px;text-align:center;color:#442c2e;font-weight:500;position:absolute;left:0;bottom:0;right:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#442c2e}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{padding:8% 37% 8% 15%;font-weight:500}
