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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{max-width:80rem;margin:0 auto}.spacer{padding-top:5rem}.title{margin-top:2rem;text-align:center;margin-bottom:1.25rem;color:var(--primary-color)}.card{max-width:400px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:var(--primary-color);background-image:linear-gradient(90deg,var(--primary-color),#45b6d9);border-radius:.35rem}.card-img{border-top-left-radius:calc(.35rem - 1px);border-top-right-radius:calc(.35rem - 1px);max-width:100%;max-height:100%}.card-title{padding:1rem;font-weight:600}.card-description{padding:0 1rem 1rem}.card-link{text-decoration:none;color:var(--header-link)}@media screen and (min-width:650px){.card{width:400px}}@media screen and (min-width:720px){.card{width:320px}}@media screen and (min-width:780px){.card{width:350px}}@media screen and (min-width:865px){.card{width:400px}}.navbar{position:fixed;top:0;width:100%;background-color:var(--bg);box-shadow:0 5px 26px 17px var(--bg);z-index:99}.nav-items{height:4rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 1rem}.logo>a{color:var(--primary-color);font-size:1.2rem;text-decoration:none}.nav-links{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.menu{visibility:visible;opacity:1;transition:visibility .5s,opacity .5s linear}.hide{visibility:hidden;opacity:0}.menu button{cursor:pointer;background:none;color:var(--header-link);border:none;outline:none;font-size:1.2rem}.links{background-color:var(--bg);opacity:.85;position:absolute;top:0;right:0;height:100vh;width:90%;font-weight:700;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:flex-end;align-items:flex-end;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.links,.nav-social-links{display:-webkit-flex;display:flex}.nav-social-links{-webkit-justify-content:space-evenly;justify-content:space-evenly}.nav-button{text-decoration:none}.nav-btn-link{font-size:3rem;color:var(--primary-color)}.nav-btn-link:focus,.nav-btn-link:hover{color:var(--link-hover)}.show-nav{-webkit-transform:translateX(0);transform:translateX(0)}.close{position:absolute;top:1rem;right:.75rem;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;cursor:pointer}.close-icon{font-size:2rem;color:var(--primary-color)}.link-wrapper{margin-bottom:2rem;width:50%;padding:1rem 0;text-align:center;list-style:none}.link{text-decoration:none;font-size:1.5rem;color:var(--header-link);transition:color .25s ease-in-out}.active{color:var(--header-link-active)}.link:hover{color:var(--primary-color)}@media screen and (min-width:700px){.close,.menu{display:none}.nav-links{width:60%}.links{position:static;-webkit-transform:none;transform:none;transition:none;-webkit-flex-direction:row;flex-direction:row;opacity:1;height:auto;width:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.link-wrapper{width:auto;margin-bottom:0}.link{font-size:1rem}.nav-social-links{width:4rem;-webkit-justify-content:space-between;justify-content:space-between}.nav-btn-link{font-size:1.5rem}}@media screen and (min-width:810px){.nav-links{width:50%}}@media screen and (min-width:1000px){.nav-links{width:40%}}@media screen and (min-width:1300px){.nav-items{padding:0}.nav-links{width:35%}}.main{height:100vh;background:url(/static/media/bg.2bab7c1f.jpg) 50%/cover no-repeat}.main,.main-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.main-content{-webkit-flex-direction:column;flex-direction:column}.greet{font-size:3.5rem;color:var(--body-color);margin:1rem;font-weight:600;text-align:center}.greet>span{color:var(--primary-color);font-weight:700}.main-social-links{width:8rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.main-btn-link{text-decoration:none;font-size:3rem;color:var(--header-link)}.main-btn-link:hover{color:var(--primary-color)}.about{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.description{max-width:40rem;text-align:center;padding:0 1rem}.resume{margin-top:.75rem;font-size:1.2rem;text-align:center}.resume-link{color:var(--primary-color);text-decoration:none;font-weight:700}.resume-link:hover{color:var(--link-hover)}.selected-projects{margin-top:1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.cards{margin:0 1.25rem;display:grid;grid-template-columns:repeat(1,1fr);grid-gap:1.5rem;gap:1.5rem}.all-projects{text-align:center;font-size:1.2rem;margin-top:1rem}.all-projects>a{text-decoration:none;color:var(--primary-color);font-weight:700}.all-projects>a:hover{color:var(--link-hover)}.contact{-webkit-align-items:center;align-items:center;margin:1rem 1.25rem 0}.contact,.contact-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.contact-form{max-width:30rem;width:100%;background-color:var(--primary-color);background-image:linear-gradient(90deg,var(--primary-color),#45b6d9);border-radius:1rem;padding:1rem}.input{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:.75rem}.form-label{margin-bottom:.25rem}.user-input{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:var(--header-link);border:none;outline:none;border-radius:1rem}.form-input{height:calc(1.5em + .75rem + 2px)}.form-input-textarea{resize:none}.user-input:focus{box-shadow:0 0 10px 3px #9c9200}.submit-form{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.submit{padding:1rem 2rem;border-radius:2rem;border:none;outline:none;font-size:1rem;background-color:var(--bg);color:var(--header-link);font-weight:700;transition:all .5s;cursor:pointer;display:inline-block;position:relative;transition:.5s}.submit:after{content:"»";color:#45b6d9;font-size:1.25rem;position:absolute;opacity:0;top:12px;right:-20px;transition:.5s}.submit:focus,.submit:hover{padding-right:48px;padding-left:16px}.submit:focus:after,.submit:hover:after{opacity:1;right:15px}@media screen and (min-width:650px){.greet{font-size:4rem}.cards{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.contact-form-inputs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.input-email,.input-message{grid-column:1/3}}@media screen and (min-width:700px){.greet{font-size:5rem}}@media screen and (min-width:810px){.contact{margin-top:3rem;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.contact,.contact>.title{-webkit-align-items:center;align-items:center}.contact>.title{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-grow:0.5;flex-grow:0.5}.contact-form{-webkit-flex-grow:1;flex-grow:1;max-width:35rem}}@media screen and (min-width:1300px){.selected-projects{-webkit-align-items:normal;align-items:normal}.cards{margin:0}.contact{margin:3rem auto}}.about-page{margin:0 1.2rem}.about-page-title{margin-bottom:2rem}.social-links{margin-bottom:1rem}.about-button{margin-right:1rem;cursor:pointer}.about-btn-link{color:var(--primary-color);height:1.75rem;width:1.75rem}.about-btn-link:focus,.about-btn-link:hover{color:var(--link-hover)}.about-resume-link{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:2rem}.about-p{display:inline-block;margin-right:1rem;color:grey}.about-btn{width:7rem;text-decoration:none;padding:.5rem 1rem;background-color:var(--primary-color);border-radius:3rem;border:none;outline:none;cursor:pointer;color:var(--bg);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;transition:background-color .25s ease-in}.about-btn:focus,.about-btn:hover{background-color:var(--link-hover)}.download{height:1.5rem;width:1.5rem;margin-left:.5rem}.about-summary{color:var(--primary-color);margin-bottom:2rem}.about-section{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.about-ui{list-style:none;margin-bottom:2rem}.about-li{margin-bottom:1rem;color:grey}.group-li{margin-bottom:0}.comment{color:var(--header-link-active)}.lang>span{color:var(--primary-color)}@media screen and (min-width:570px){.about-page{margin:0 3rem}.about-links{height:100px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.about-resume-link,.social-links{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:0}.about-grid,.group-ui{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}}@media screen and (min-width:1280px){.about-page{margin:auto}}.projects-page{min-height:96vh;margin:0 1.2rem}.project-p{text-align:center}@media screen and (min-width:1280px){.projects-page{margin:auto}}.contact-page{min-height:89vh}.footer{margin-top:1rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:4rem}.footer-text>span{color:var(--primary-color)}:root{--primary-color:#682ae9;--body-color:#dbdbdb;--header-link:#dbdbdb;--header-link-active:#555;--bg:#0e1212;--input-border:#007bff;--link-hover:#8450f3}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{overflow-x:hidden!important;background-color:#0e1212;background-color:var(--bg);color:#dbdbdb;color:var(--body-color)}
/*# sourceMappingURL=main.3c73a394.chunk.css.map */