*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}:root{--primary: black;--gray: #474747}body{overflow-x:hidden}.nav-bar{display:flex;justify-content:center;position:sticky;top:0;left:0;right:0;background-color:#fff;width:100vw}.nav-bar .container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100vw;max-width:1000px;padding:2rem 0}.nav-bar .container .logo{font-size:2rem;color:var(--gray);font-weight:600;cursor:pointer;text-align:center}.nav-bar .container ul{display:flex;width:100%;list-style-type:none;gap:.2rem}.nav-bar .container ul li{flex:1;display:flex;justify-content:center}.nav-bar .container ul a{font-size:1.2rem;font-weight:600;text-align:center;text-decoration:none;padding:1rem 1.5rem;color:var(--gray);position:relative}.nav-bar .container ul a.active{color:#3782e3}.nav-bar .container ul a:hover{color:var(--primary)}.main{display:flex;flex-direction:column;align-items:center;padding-bottom:200px}.main>.container{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.main>.container .title{font-weight:600;font-size:1.2rem;text-align:center;margin-bottom:1rem}.main>.container .subtitle{font-size:1rem;font-weight:600;text-align:center}.main>.container .banner{aspect-ratio:16/9;width:min(35rem,90vw);margin:1rem 0;border-radius:.5rem}.main>.container .banner.clickable:hover{box-shadow:4px 4px 8px #bcbcbc;transition:.3s ease-in-out}.main>.container .line{line-height:2;font-size:1rem;font-weight:600;text-align:center}.main>.container .line.heading{margin-block:1rem .5rem;font-weight:800;font-size:1.3rem}@media(max-width:768px){.nav-bar{position:static}.nav-bar .logo{font-size:1.3rem!important;font-weight:800;text-wrap:nowrap}.nav-bar ul{flex-direction:column}.nav-bar ul a.active:before{content:"";width:1.5rem;aspect-ratio:1;background-image:url(/icon.png);background-size:cover;position:absolute;right:100%}.main>.container{padding-inline:2rem}.main>.container .line{text-align:center}}