html,body{padding:0;margin:0}html{font-family:"Helvetica Neue","Helvetica","Arial","Lucida Grande","Lucida Sans Unicode","Geneva","Verdana",sans-serif;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}#background{background-color:#b9ddf3;background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat}.navbar{display:-moz-grid;display:-ms-grid;display:grid;grid-template-columns:3fr 1fr;grid-template-rows:1fr;grid-template-areas:".";grid-column-gap:initial;grid-row-gap:initial;justify-items:initial;align-items:center;justify-content:center;align-content:initial;width:100%;margin:0;background:#18406f;background:linear-gradient(0deg, #18406f 0%, #2282b6 100%);position:sticky;top:0;left:0;z-index:98;box-shadow:0 3px 6px rgba(0,0,0,0.5)}.navbar-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:flex-start;align-content:space-around;align-items:center;flex-wrap:wrap;flex-direction:row;margin:0 0 5px 0;padding:15px 0 0 0}.navbar-btn{list-style:none;display:inline-block;margin:0}.navbar-btn a{display:block;width:250px;height:30px;text-align:center;text-decoration:none;font-size:1.4rem;font-weight:bold;color:#fff}.navbar-btn a:hover{color:#080808}#btnMenu{display:none;width:50px;height:50px;margin:8px auto;position:fixed;top:15px;left:15px;z-index:999}#content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;width:clamp(360px, 80%, 800px);height:450px;margin:35px auto;padding:25px;background:#fff;box-shadow:3px 3px 6px rgba(0,0,0,0.5);border-radius:5px}@media only screen and (max-width: 768px){.navbar{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;flex-direction:row}.navbar-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-around;align-content:flex-start;align-items:center;flex-wrap:wrap;flex-direction:row;width:100%}.navbar-btn{display:block;text-align:center}#btnMenu{display:block}}