body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth;scroll-padding-top:150px}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif}a,p{font-family:"Open Sans",sans-serif}#navbar{position:fixed;top:0;width:100vw;height:75px;z-index:100;background:#fff}#logo{width:20vw;max-width:100px;margin-left:20px}#logo #site-title{position:absolute;color:#000;white-space:nowrap;text-transform:uppercase;font-weight:700;font-size:20px;padding:20px 40px 20px 0;text-decoration:none}#logo img{width:100%}#menuContainer{position:absolute;right:0;top:0;padding:25px 40px 25px 0;width:40%;max-width:480px;text-align:right}#menu{display:flex;justify-content:space-between}.navlink{color:#0d0d0d;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:2px}@media (max-width:768px){#menu{height:100vh;top:0;padding-top:10vh;right:-1000px;width:60vw;flex-direction:column;justify-content:left;margin-bottom:30vh;align-items:center;background-color:#f5f5f5;box-shadow:0 0 100px rgba(0,0,0,.7);position:absolute}.navlink{padding:25px;width:60%;text-align:center;border-bottom:1px solid grey}}#burger{display:inline-block;cursor:pointer;z-index:1001;position:absolute;right:25px;top:25px}.bar1,.bar2,.bar3{width:25px;height:2px;background-color:#0d0d0d;margin:6px 0;transition:.4s}@media (min-width:768px){#burger{display:none}}#socials a{width:25px}#socials img{width:25px;margin:25px 0}#socials{position:fixed;top:50%;right:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;margin-left:auto;z-index:9999}.vertical{flex-direction:column}@media (max-width:768px){#socials{display:none}}.page{min-height:100vh;width:100vw;position:relative;scroll-margin-top:200px}.page>*{padding:0 10vw;width:80vw}.hidden{visibility:hidden}.coming-soon{position:absolute;top:30vh;width:20vh;margin:0 50%;-webkit-transform:translate(-50%);transform:translate(-50%);display:block}.page>h3{visibility:hidden}@media (max-width:992px){h3{position:static;margin:0;font-size:2.5em}}#headline{position:absolute;top:35%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}#home{font-family:"Montserrat",sans-serif;font-size:calc(18px + 3vw);text-transform:uppercase;margin:0;letter-spacing:calc(1px + 1.5vw)}#home,#tagline{text-align:center}#tagline{font-size:calc(8px + .5vw);letter-spacing:4.5px;padding:15px 0}#keylinks{text-align:center}.arrow{position:absolute;bottom:20%;left:40%;width:20px}.arrow span{display:block;width:10px;height:10px;border-bottom:2px solid #000;border-right:2px solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:-10px;-webkit-animation:animate 2s infinite;animation:animate 2s infinite}.arrow span:nth-child(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}.arrow span:nth-child(3){-webkit-animation-delay:-.4s;animation-delay:-.4s}@-webkit-keyframes animate{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-20px,-20px);transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(20px,20px);transform:rotate(45deg) translate(20px,20px)}}@keyframes animate{0%{opacity:0;-webkit-transform:rotate(45deg) translate(-20px,-20px);transform:rotate(45deg) translate(-20px,-20px)}50%{opacity:1}to{opacity:0;-webkit-transform:rotate(45deg) translate(20px,20px);transform:rotate(45deg) translate(20px,20px)}}button{width:175px;padding:10px 25px;margin:10px;border:none;border-radius:7.5px;background-color:#000;box-shadow:0 3px 10px rgba(0,0,0,.4588235294117647)}a{text-decoration:none;color:#fff;font-size:12px;letter-spacing:2.5px}button:hover{box-shadow:none}a:hover{text-decoration:underline}#skillcards{display:flex;justify-content:space-around;align-items:center;margin:10vh 0}@media (max-width:992px){#skillcards{flex-direction:column}}#about-container{display:flex;justify-content:space-around;box-sizing:border-box;padding:10vh 7.5vw;width:100vw;background-color:#4e4e4e;margin:0}#about-container>div{width:50%}#about-images{text-align:center;height:100%}#about-images>img{width:80%}#about-face{border-radius:50%;align-self:flex-start}#about-text{line-height:1.5em;padding:0 1vw;color:#fff}#about-text p{margin-bottom:1.5em}#about-text span{color:#a0a0a0}#about-text>#quote{margin:3em 0}#quote q{font-weight:700}@media (max-width:992px){#about-container{flex-direction:column}#about-container>div{width:100%}}@media (max-width:480px){#about-container{width:100%}}.skill-container{display:inline-block;width:25vw;text-align:center;margin:2.5vh auto;min-height:650px}.skill-container p{font-weight:300;line-height:2em}.skill-image-container{width:20vw;height:20vw;border-radius:50%;overflow:hidden;margin:0 auto}.skill-image-container img{width:100%}@media (max-width:992px){.skill-container{margin:5vh auto;width:50vw}.skill-image-container{width:40vw;height:40vw}}@media (max-width:480px){.skill-container{width:70vw}.skill-image-container{width:60vw;height:60vw}}#projects-page{min-height:75vh;background-color:#4e4e4e}#project-buttons-container{text-align:center}.projects-button{width:50%;max-width:200px;padding:20px;color:#fff;text-transform:uppercase;font-weight:700;box-shadow:0 0 50px rgba(0,0,0,.5);margin:0;border-radius:0}.projects-button:hover{cursor:pointer}.projects-button:disabled,.projects-button[disabled]{background-color:#ccc;color:#666;text-decoration:underline;box-shadow:none;cursor:default}.project-description>*{color:#fff}#project-links{display:flex;flex-wrap:wrap;justify-content:center;padding-top:5vh}@media (max-width:992px){#project-links{flex-direction:column}}.project-thumbnail{width:35vw;min-height:35vh;margin:2vh 1vw;position:relative}.project-thumbnail:hover{cursor:pointer;background-color:rgba(0,0,0,.05);opacity:.8;box-shadow:0 0 50px rgba(0,0,0,.5);text-decoration:none}.project-thumbnail img{height:100%;width:100%;object-fit:cover;background-color:#000}.project-description{width:100%;font-size:.8rem;text-align:center;color:#000}.project-description *{padding:0 10px}.project-description p{font-weight:300}.project-image-container{width:100%;text-align:center}@media (max-width:992px){.project-thumbnail{width:75vw;min-height:50vh;position:relative}}#contact-form{width:80%;position:absolute;top:20vh}#contact-instruction{font-weight:700;text-align:center;font-size:18px}#contact-form textarea{font-family:"Open Sans",sans-serif}@media (max-width:992px){#contact-form{top:15vh}}form div{width:60%;margin:0 auto}form label{display:none;padding:1vh}form input,textarea{width:95%;height:5vh;margin-bottom:2.5vh;padding:0 2.5%;border:1px solid grey;touch-action:none}form textarea{padding-top:1.5vh;padding-bottom:1.5vh;height:20vh}#form-submit-button{width:30%;display:block;margin:0 auto;background-color:#000;color:#fff;font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.4588235294117647);cursor:pointer;padding:1.5vh 0;height:5vh}#form-submit-button:hover{background-color:#383838}#form-submit-button:active{box-shadow:none}@media (max-width:992px){form div{width:80%}#form-submit-button{width:50%}}@media (max-width:768px){form div{width:95%}#form-submit-button{width:80%}}.project-detail-page{position:relative;max-width:70vw;margin:0 auto;top:150px}.project-detail-page .image-container{width:100%}.image-container img{width:100%;object-fit:cover;margin:5vh 0;box-shadow:0 0 25px rgba(0,0,0,.2)}.project-detail-content{width:65%;line-height:2.5rem;margin:0 auto}.project-detail-content *{color:#000}.project-detail-content h2{font-size:1.5em}.project-detail-footer{height:20vh;background-color:#0d0d0d;width:100%;margin-top:20vh}.project-detail-footer #logo{width:20vw;max-width:150px;margin:auto}.project-detail-footer #logo img{width:100%}.project-detail-links{text-align:center;margin:50px auto}.project-date{font-weight:300}.project-detail-content img{width:90%;display:block;margin:50px auto}@media (max-width:992px){.project-detail-content{width:100%}}
/*# sourceMappingURL=main.db6afb35.chunk.css.map */