*{box-sizing:border-box}body,html{min-height:100%}body{background:#04052e;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.1em;line-height:1.5;margin:0;padding:0}a,body{color:#fff}a{text-decoration:none}header{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 25px}header p{letter-spacing:.15em;padding-top:20px}img{max-width:100%}header nav ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}header nav ul li a{font-weight:lighter;padding:10px 15px;text-shadow:0 0 10px rgba(0,0,0,.5)}header nav ul li a:hover{border-radius:15px;color:#4dc7c1;text-shadow:none}.project-row{display:flex;flex-wrap:wrap;justify-content:center}.project-img{height:300px;width:300px}.project-img img{height:100%;object-fit:cover;opacity:0;overflow:hidden;transition:opacity .5s ease-out;width:100%}.project-name{cursor:pointer;font-size:larger;font-weight:700;position:relative;text-align:center;top:50%;z-index:10}.project-name:hover{color:#4dc7c1}.project-name:hover+img{-webkit-clip-path:view-box;clip-path:view-box;opacity:1}.contact-container{background-color:#04052e;height:50vh;padding:10px 30px 0;position:absolute;right:0;top:0;width:500px;z-index:10}.contact-header{display:inline-flex}input{background-color:#000;height:50px}input,textarea{background-color:#2c2d2d;border:none;color:#fff;margin-bottom:10px;padding-left:4px;width:95%}button,input,textarea{font-family:Arial,Helvetica,sans-serif}button{border:1px solid #000;border-radius:45%;color:#000;font-weight:700;height:50px;margin-right:20px;opacity:70%;width:125px}.close-button,button{background-color:#fff}.close-button{border:none;font-size:inherit;height:30px;margin:25px 0 0 70px;width:30px}.error-text{color:red}.about-container{display:flex;flex-wrap:row wrap;margin-top:40px;padding:0 30px}.selfie{border-radius:30%;display:block;margin-left:auto;margin-right:auto;width:70%}.Logo{border:2px solid #000;border-radius:45%;height:100px;margin:15px 0 0 15px;width:100px}.about-container p{margin:20px 0 0 50px}.about-container button{margin:50px 0 0 50px}li{list-style:none;margin:20px 0 0 40px}.stack-list li{margin:0 0 0 40px}footer{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:25px}footer p{-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;letter-spacing:.15em;padding-left:15px}footer nav ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none}footer nav ul li a{font-weight:lighter;padding:10px 15px;text-shadow:0 0 10px rgba(0,0,0,.5)}footer nav ul li a:hover{border-radius:15px;color:#4dc7c1;text-shadow:none}.modal-button{background-color:#0ff;border:1px solid #fff;border-radius:47%;color:#000;font-family:Arial,Helvetica,sans-serif;margin-right:20px;opacity:80%;padding:15px 20px}.modal-backdrop{background:rgba(0,0,0,.85);bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:100}.modal-container{background:var(--darker);border-radius:5px;margin:50px auto;max-width:100%;padding:15px;width:960px}.modal-title{font-size:18px;font-weight:600;margin-bottom:25px}@media (max-width:576px){.contact-container{width:90%}.contact-container a{display:block;margin-top:20px;position:static}.about-container{flex-wrap:wrap-reverse}.about-container p{margin-left:0}.modal-container a{display:block;margin-bottom:15px;width:250px}.project-img{margin:auto;padding-bottom:10px}.project-img img{opacity:1}.project-name{color:#0ff}header{padding:initial}header p{font-size:25px;margin:0 auto}header nav ul li a{padding:initial}footer{display:initial;text-align:center}footer nav ul{align-items:center;display:initial;list-style:none}footer nav ul li a{font-size:12px;padding:10px 5px}ul{padding:initial}}
/*# sourceMappingURL=main.70a5bfb5.css.map*/