#navbar{background-color:#162052;position:sticky}#logo{margin-left:15px;color:#f60303;font-size:25px;font-weight:700;margin-bottom:6px}#logo span{color:orange}#logo #span1{font-size:30px}.navbar-nav{margin-left:20px}.nav-item{margin-left:10px}.nav-item .nav-link{color:orange;margin-left:2px;text-shadow:0 0 1px #000;transition:.5s ease}.nav-item .nav-link:hover{color:#fff}*,:after,:before{margin:0;padding:0;box-sizing:border-box;font-family:Merriweather,serif;font-family:Montserrat,sans-serif;font-weight:400}body{background-color:#a9a9a92b}:is(#app){display:grid}#app{grid-template-rows:auto minmax(100dvh,100%) auto;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}h3{font-weight:700;font-size:60px;color:#445216;text-shadow:#000}.home{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;position:relative;background-color:#a9a9a92b;z-index:0}.home .img{flex:1 1 300px}.home .img img{margin-top:30px;width:100%}.home .content{flex:1 1 400px;margin-top:20px}.content h1{color:#162052;font-weight:700;margin-left:23px;margin-right:23px;font-size:55px;text-shadow:-1px 1px 1px #000}.content h1 span{color:#162052;text-shadow:1px 1px 1px #000}#span2{color:orange}.content p{margin-left:23px;margin-right:23px}.btn{margin-left:13px}.btn button{width:150px;height:32px;letter-spacing:3px;background-color:orange;color:#fff;border-radius:5px;border:none;transition:.5s ease;cursor:pointer}.btn button:hover{background-color:#162052;color:orange;border:none}@media screen and (max-width:1200px){.home{height:90vh}}@media screen and (max-width:799px){.home{height:140vh}}@media screen and (max-width:550px){.home{height:110vh}}@media screen and (max-width:420px){.content h1{font-size:45px}}@media screen and (max-width:320px){.content h1{font-size:36px}}