body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#162832;display:flex;flex-direction:column;font-family:Josefin Sans,sans-serif;margin:0;min-height:100vh;padding:0;text-align:center}.main-content{display:flex;flex:1 1;flex-direction:column;padding:220px 5vw 100px}.page-title{color:#fb5350;display:flex;font-size:clamp(25px,5vw,35px);margin:0;padding:0 5vw}header{background-color:#162832;display:flex;flex-direction:row;height:100px;height:200px;position:fixed;width:100%;z-index:99}header .logo-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-left:5vw}header .logo{color:#fff;font-size:clamp(20px,3vw,40px);text-decoration:none}header nav{align-items:center;display:flex;flex:1 1;font-size:clamp(15px,2vw,20px);justify-content:flex-end;margin-right:5vw}header nav a{font-size:clamp(18px,2vw,30px);margin:20px;text-decoration:none}.active-header{color:#fb5350}.inactive-header{color:#fff}header .sidebar-icon{display:none}footer{background-color:#000;flex-wrap:wrap;height:auto;padding:5vw;z-index:99}footer,footer nav{align-items:center;display:flex;flex-direction:row;justify-content:center}footer .logo,footer .socials a,footer nav a{color:#fff;font-size:clamp(15px,2vw,20px);margin:20px;text-decoration:none}footer .logo-container,footer .socials,footer nav{display:flex;flex:1 1}footer .socials{align-items:center;display:flex;justify-content:center}footer .socials a{font-size:50px;margin:20px;padding:0;text-decoration:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-page{align-items:center;display:flex;flex:1 1;flex-direction:row;justify-content:center;min-height:calc(100vh - 200px)}.react-icon{animation:spin 25s linear infinite;color:#fb5350;font-size:50vh;left:calc(-50% - 5vw);position:relative;top:25%}.home-page .logo{color:#fb5350;font-size:clamp(20px,2vw,60px);position:absolute;right:clamp(10px,10%,250px);top:50vh}.home-page .logo span{color:#fff}.projects-container{align-items:center;flex-direction:row;flex-wrap:wrap}.project-item,.projects-container{display:flex;justify-content:center}.project-item{border:1px solid #0000;border-radius:5px;color:#fff;flex-direction:column;height:clamp(200px,20vw,400px);padding:25px;text-decoration:none;width:clamp(300px,30vw,600px)}.project-item:hover{background-color:#00000040;color:#fb5350;transition:background-color .25s ease-in}.project-item img{flex:1 1;height:auto;width:100%}.project-item div{font-size:20px;padding:20px 0 0;text-align:left}.individual-project-page{align-items:center;display:flex;flex-direction:column;justify-content:center}.individual-project-page .imgURL{margin:0 15%;width:70%}.individual-project-page img{border:2px solid #0000;border-radius:5px;width:100%}.individual-project-page img:hover{border:2px solid #fb5350;border-radius:5px}.individual-project-page .project-name,.individual-project-page a{color:#fff;font-size:clamp(20px,5vw,40px);text-decoration:none}.individual-project-page .project-name a:hover{color:#fb5350}.individual-project-page .project-description{color:#fff;font-size:clamp(15px,5vw,25px);justify-self:end}.about{color:#fff;font-size:clamp(18px,3vw,20px);padding:20px 5vw 0;text-align:left}.about span{color:#fb5350}.about-item{color:#fff;text-align:left}.about-title{color:#fb5350;display:flex;font-size:clamp(20px,4vw,30px);margin:0;padding:50px 5vw 0}.about-item-title{color:#fff;flex-direction:row;justify-content:space-between}.about-item-sub,.about-item-title{font-size:clamp(15px,3vw,20px)}.about-item-sub,.about-item-title,.about-work{display:flex;padding:20px 5vw 0 calc(5vw + 50px)}.about-work{color:#fff;flex-direction:row;font-size:clamp(15px,3vw,25px);justify-content:space-between}.emphasis{color:#fb5350;padding:0 10px 0 0}.seperator{margin:25px 45vw 15px calc(5vw + 50px)}.contact-form-container{align-items:center;display:flex;justify-content:center}.contact-form{background-color:#000;border:2px solid #fb5350;border-radius:5px;display:flex;flex-direction:column;margin:5vw;max-width:1000px;width:100%}.name-and-email{display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap}.message,.name-and-email .email,.name-and-email .name{display:flex;flex:1 1;flex-direction:column}.name-and-email input{background-color:#162832;border:1px solid #0000;border-radius:5px;box-shadow:2px 2px 5px #ffffff4d;color:#fff;font-size:clamp(18px,3vw,30px);margin:20px 20px 10px;padding:5px}.name-and-email input:focus{border:1px solid #fb5350;outline:none}.message textarea{background-color:#162832;border:1px solid #0000;border-radius:5px;box-shadow:2px 2px 5px #ffffff4d;color:#fff;font-size:clamp(18px,3vw,20px);height:clamp(100px,10vh,750px);margin:20px 20px 10px;resize:none}.message textarea:focus{border:1px solid #fb5350;outline:none}.contact-form button{align-self:center;background-color:#fb5350;border:1px solid #162832;border-radius:5px;color:#000;font-size:clamp(15px,3vw,20px);height:auto;justify-self:center;margin:10px 20px 20px;padding:5px;width:25%}.contact-form button:hover{cursor:pointer}.contact-form .form-error{color:#fb5350;font-size:clamp(15px,2vw,18px);margin:10px 20px 0;text-align:left}.sidebar{background-color:#fb5350;display:none;height:50%;left:0;position:absolute;top:100px;width:50%;z-index:99}.sidebar nav{display:flex;flex-direction:column;padding:20px}.sidebar nav a{color:#000;margin:20px 0;text-decoration:none}.sidebar-button{display:none}.dropdown{background-color:#162832;height:auto;position:fixed;top:200px;width:5vw;z-index:1}.dropdown .socials{display:flex;flex-direction:column}.dropdown .socials a{color:#fb5350;font-size:3vw;margin:1vw}@media (max-width:600px){.main-content{flex:1 1;padding:120px 5vw 100px}header nav{display:none}header{height:100px}header .sidebar-button{align-items:center;background-color:initial;border:none;color:#fff;display:flex;font-size:50px;height:40px;justify-content:center;left:28px;margin:0;padding:0;position:absolute;top:28px;width:40px}footer,footer nav{flex-direction:column}.sidebar{display:block;position:fixed;transition:left .3s ease-in-out}.sidebar.open{left:0}.sidebar.close{left:-51%}header .icon:hover{cursor:pointer}.dropdown{display:none}.home-page,.name-and-email{flex-direction:column}.home-page{flex:1 1;width:auto}.home-page .logo{position:relative;right:0;top:0}.react-icon{animation:spin 15s linear infinite;color:#fb5350;font-size:20vh;left:0;position:relative;top:0}}
/*# sourceMappingURL=main.c71d3e67.css.map*/