section{min-height:100vh}.navbar{z-index:9999;display:flex;justify-content:end;align-items:center;height:50px;position:fixed;top:0;width:100%}.navbar-toggle{cursor:pointer;display:none}a{text-decoration:none;color:#f4f4f4;padding:0 25px}a:hover,.active{color:#2f89e9}@media only screen and (max-width: 600px){.navbar{flex-direction:column;justify-content:center;position:fixed}.navbar-links{position:absolute;top:100%;width:100%;background-color:#1a1a1a}.navbar-item{text-align:center;padding:1em;border:1px solid hsl(0,0%,8%);display:none}.open{display:block!important}.navbar-toggle{padding:.5em;align-self:flex-end;display:block;font-size:36px}}#home{position:relative}.introduction{padding:7em 14em;font-size:16px}.intro{text-transform:uppercase;color:#2f89e9;margin-bottom:1em}.name{font-size:6em;margin:0}.desc{margin:0;font-size:3em;color:#dedede!important}.bio{color:#999;width:50%}.resume-button{cursor:pointer;position:relative;padding:1em 3em;border:1px solid hsl(211,81%,55%);background-color:#212121;margin-top:5em}.resume-button span{color:#999;font-size:1.5em}.scroll{animation-name:bounce;animation-duration:3s;animation-iteration-count:infinite;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}@keyframes bounce{0%{transform:translateY(20px)}50%{transform:translate(0)}to{transform:translateY(20px)}}@media only screen and (max-width: 600px){.introduction{font-size:10px;padding:7em 3em}.socials-desktop{display:none}.desc{font-size:3em}.intro{font-size:2em}.bio{width:100%;font-size:2em}.scroll{bottom:100px}}.socials{font-size:1.5em;position:fixed;display:flex;right:0;gap:3em;flex-direction:column;top:50%}.socials a:hover{color:#2f89e9}@media only screen and (max-width: 600px){.socials{position:absolute;flex-direction:row;top:auto;bottom:0;gap:0;right:50%;transform:translate(50%)}}.heading{padding:40px;font-size:2rem}.card{padding:0 10em;display:flex}.card-text{line-height:2em;font-size:18px;padding:0 5em}.card-title{padding:0 3em}.techStack{text-align:center}.techStack ul{display:inline-block}.techStack-list{columns:2;column-gap:2em}.blue{color:#2f89e9}.image-container img{border-radius:50%}@media only screen and (max-width: 600px){.card{flex-direction:column;padding:0}.card-text{padding:0 1em;text-align:center}.image-container{display:flex;align-items:center;justify-content:center}}.project-list{margin:0 5em;justify-content:space-between;display:flex;flex-wrap:wrap}.project-heading{font-size:18px;text-align:center}.project-title{text-align:center}.project-subheading{font-size:18px;text-align:center}.project-tech{padding:0;width:100%;justify-content:center;list-style:none;display:flex;gap:1em;color:#999}@media only screen and (max-width: 600px){.project-list{text-align:center;justify-content:center;gap:1em;margin:1em}.project img{width:100%}}.social-menu-phone{display:none}#contact{position:relative}.form-container{align-items:center;justify-content:center;gap:3em;display:flex;flex-direction:row;background-color:#1a1a1a;border-radius:15px;margin:4em 8em}.form-section{flex:1;display:flex;flex-direction:column}.form-heading{text-align:center;font-size:48px}.form-subheading{text-align:center;margin:0 2em;color:#999}.message-title{margin:2em 2em 0}.form-container input,.form-container button,.form-container textarea{color:#fff;text-align:left;margin:2em;display:block;background-color:#1a1a1a;outline:none;border:1px solid hsl(211,81%,55%);border-radius:15px}.form-container input{padding:2em}.form-container textarea{padding-top:1em!important;padding-bottom:10em!important;padding:5em 2em}.form-container button{cursor:pointer;text-align:center;width:50%;padding:2em}.tooltip{color:#06a806;text-align:center}.hidden{display:none}@media only screen and (max-width: 600px){.social-menu-phone{display:inline;bottom:100%}.form-container{flex-direction:column;align-items:center;margin:0 1em;padding:0}.form-container input,.form-container button,.form-container textarea{font-size:16px;margin:1em 0}.message-title{font-size:16px;margin-top:2em}.form-container button{width:auto;margin-bottom:5em}}body{margin:0;padding:0;box-sizing:border-box;background-color:#212121;color:#dedede;font-family:League Spartan,sans-serif}html{scroll-behavior:smooth}