*{margin:0;padding:0;box-sizing:border-box;font-family:"Source Sans Pro",sans-serif}.cover-container{height:100vh;width:100%;object-fit:contain;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.6);display:flex;flex-direction:column;justify-content:center;align-items:center}.video{height:100vh;width:100%;object-fit:cover;position:absolute;z-index:-1}.cover-container>h1{color:#fff;font-size:100px}.cover-container h2{margin-top:8px;color:#fff;font-size:32px}.cover-container pre{margin-top:12px;color:#fff;font-size:18px}@media screen and (max-width:960px){.cover-container h1{font-size:70px;text-align:center}.cover-container h2{text-align:center;font-size:22px;width:85%}.cover-container pre{text-align:center;font-size:.8em;margin:2px}}.navbar{position:fixed;top:0;background-color:transparent;width:100%;height:80px;padding-left:50px;font-size:20px;z-index:1}.scrolling{background-color:#000;transition:all .5s ease}.navbar-logo{height:80px;line-height:80px;color:#fff;cursor:pointer}.about-container{background-color:#fff;color:#000;height:auto;padding:10em 20em;text-align:center}.about-container h3{margin-bottom:30px;font-size:2.2em;font-weight:700}.about-container p{line-height:1.5em;font-size:1.3em}@media only screen and (max-width:960px){.about-container{padding:8em 3em}.about-container h3{font-size:1.5em}.about-container p{font-size:1em}}.card{cursor:pointer;position:relative;color:#fff;height:15rem;border-radius:.4rem;transition:all .5s ease;background-size:cover;padding-top:2rem;overflow:hidden}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card-content{padding:1.5rem;background:linear-gradient(hsl(0 0% 0%/0),hsl(20 0% 0%/.4) 20%,hsl(0 0% 0%/1));height:100%;-webkit-transform:translateY(100%);transform:translateY(100%);transition:opacity .5s linear,-webkit-transform .7s ease;transition:transform .7s ease,opacity .5s linear;transition:transform .7s ease,opacity .5s linear,-webkit-transform .7s ease;opacity:0}.card:hover .card-content{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.card-info{position:absolute;opacity:0;transition:all .4s ease-in-out;bottom:0;background:rgba(0,0,0,.4);height:100%}.card-content h1{text-align:center;font-size:1rem}.card p{font-size:.8rem;margin:1.5rem 0}.card-btns{text-align:center;display:flex;justify-content:space-around}.card-btns a{border:1px solid #fff;margin:.5rem 2rem;color:#fff;text-transform:uppercase;font-size:.7rem;padding:.3rem .7rem;text-decoration:none;background-color:#909090;border-radius:10%}.card-btns a:hover{background-color:#fff;color:#000}@media only screen and (max-width:960px){.card{margin:0 auto;width:80%}.card p{margin:.8rem}}.grid-container{background-color:#101010;padding:0 6em 6em}.grid-title{color:#fff;text-align:center;padding:6em 0}.grid-title h2{font-size:3em}.grid-title p{font-size:1.2em}.grid-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:3em;position:relative}@media only screen and (max-width:960px){.grid-container{padding:0 0 4em}.grid-title h2{font-size:1.8em}.grid-title p{font-size:.9em}}.info-container{width:100%;height:300px;background-color:#fff;color:#000;margin-bottom:100vh;padding:0 10em}.info{display:flex;justify-content:center;align-items:center;text-align:center;height:100%}@media only screen and (max-width:960px){.info-container{height:200px;width:100%;padding:0}.info>h1{text-align:center;font-size:20px;padding:5px 0}}.footer{width:100%;height:100vh;background-color:#000;color:#fff;padding-top:180px;position:fixed;z-index:-2;bottom:0;left:0}.footer-info{font-size:35px;padding:30px 0 30px 50px;width:70%;margin:0 auto}.footer-info>h1{padding-bottom:15px}.footer-contact{font-size:22px;padding:100px 0 30px 50px;width:70%;margin:0 auto}.footer-contact p{float:right;margin-right:5rem}.footer-sns{width:70%;position:absolute;bottom:40px;left:0;right:0;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;align-items:center}.sns-links{display:grid;width:100%;grid-template-columns:1fr 1fr}.github,.linkedin,.twitter{color:#fff;font-size:35px;margin:0 auto;padding-bottom:10px;border-bottom:4px solid transparent}.github:hover,.linkedin:hover,.twitter:hover{border-color:#fff;transition:all .3s ease-out}.design-by{font-size:18px;padding-left:50px;color:#fff}@media only screen and (max-width:960px){.footer-info{text-align:center;padding:0;font-size:20px}.footer-contact{font-size:16px;padding:0;text-align:center;margin-top:1em}.footer-contact p{float:none;margin:3rem 0}.footer-sns{grid-template-columns:1fr;text-align:center}.design-by{display:none}}
/*# sourceMappingURL=main.3bbfa3ef.chunk.css.map */