#intro{height:calc(100vh - 4rem);width:100vw;max-width:75rem;margin:0 auto;overflow:hidden;position:relative}.bg{position:absolute;top:-2rem;right:0;z-index:-1;object-fit:cover;height:100vh}.introContent{height:100vh;width:100vw;padding:2rem;font-size:3rem;font-weight:700;display:flex;flex-direction:column;justify-content:center}.hello{font-size:1.75rem;font-weight:100}.introName{color:#ff0}.introPara{font-size:medium;font-weight:300;letter-spacing:1px}.btn{background:#fff;margin:1rem 0;padding:.75rem 1.5rem;border:none;border-radius:2rem;cursor:pointer}.btnImg{object-fit:contain;margin:0 .25rem;height:1rem}@media screen and (max-width:840px){.bg{right:-10vw}.introContent{font-size:10vw}.hello{font-size:4.5vw}}@media screen and (max-width:480px){.bg{display:none}}@media screen and (max-width:320px){.bg{right:-50vw}}