html{scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;margin:0}body div.header{width:100vw;height:7.5vh;background-color:#000;color:#fff;display:flex;align-items:center}body div.header .left{margin-left:2%;margin-right:auto}body div.header .left span.logo{font-family:Gaegu,sans-serif;font-size:200%}body div.header .left a{text-decoration:none;color:#fff;margin-left:25px;font-family:Inter,sans-serif;font-weight:600;font-size:1.2rem;transition:.2s}body div.header .left a:hover{color:red}body div.content{flex:1;flex-direction:column;display:flex}body div.content div.section{min-height:92.5vh}body div.content div.section#landing{display:flex;justify-content:center;align-items:center}body div.content div.section#landing #card{text-align:center;background-color:red;width:40%;padding:1%;border-radius:15px}body div.content div.section#landing #card h1,body div.content div.section#landing #card h2{margin:0;color:#fff;font-family:Inter,"sans-serif";letter-spacing:0}body div.content div.section#landing #card h1{font-size:5vw;font-weight:1000}body div.content div.section#landing #card h2{font-size:2.5vw;font-weight:500;margin-bottom:2%}body div.content div.section#landing #card #name{width:100%;background-color:#fff}body div.content div.section#landing #card #name span{color:#000;font-size:10vw;font-family:Gaegu,cursive;font-weight:700;margin:0}body div.content div.section#about{background-color:#000;color:#fff;padding:5% 0 0 10%}body div.content div.section#about h1{font-family:Inter,sans-serif;font-weight:800;font-size:3rem}body div.content div.section#about p{font-family:Inter,sans-serif;font-size:1.2rem;line-height:1.5;max-width:50%}body div.content div.section#about p span,body div.content div.section#about p a{font-weight:600}body div.content div.section#about p a{text-decoration:underline;color:#fff;transition:.2s}body div.content div.section#about p a:hover{color:red}body div.footer{background-color:#f1f1f1;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,sans-serif;color:#545454}body div.footer .socials{margin-top:10px}body div.footer .socials a{text-decoration:none;color:inherit;margin:5px;transition:.2s}body div.footer .socials a svg{width:2rem;height:2rem}body div.footer .socials a[data-brand=twitter]:hover{color:#1da1f2}body div.footer .socials a[data-brand=github]:hover{color:#333}body div.footer .socials a[data-brand=linkedin]:hover{color:#0077b5}