body,html{height:100%}.bgimg{height:100vh;width:100vw;margin:0;padding:0}.topleft{position:absolute;top:0;left:16px}.bottomleft{position:absolute;bottom:0;left:16px;color:#fff}.middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background-color:#fffc;border:1px solid #1434A4;border-radius:15px;box-shadow:2px 2px 2px 2px #00000026;padding:10px 250px}hr{margin:auto;width:60%}.logo{font-size:30px;font-weight:500;color:#1434a4}.navbar{height:100px}.navbar-brand>.logo{font-size:30px;font-weight:700;color:#fff;padding:10px}.navbar-brand{position:absolute;height:170px;border-bottom-right-radius:20px;width:300px;text-align:center;padding:15px;line-height:141px}.navbar-brand:after{content:"";position:absolute;top:135px;left:300px;width:20px;height:20px;background:#212529;border-bottom-right-radius:40px;box-shadow:0 0 0 9999px #212529;mask:radial-gradient(circle 40px at 100% 100%,transparent 98%,black 100%);-webkit-mask:radial-gradient(circle 20px at 100% 100%,transparent 98%,#212529 100%)}.nav-link{font-size:18px;font-weight:700}.box-item-container{padding:10px}.box-item-title{background:#212529;border-radius:12px;border:2px solid rgba(255,255,255,.8);height:350px;color:#fff;display:flex;justify-content:center;align-items:center}.box-item{background:#fff;border-radius:12px;border:2px solid rgba(0,0,0,.8);height:350px;color:#fff;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 900px){.bgimg{background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;width:100vw;margin:0;padding:0}.middle{width:80%!important;padding:10px 50px!important}}