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;box-sizing:border-box}.dark-mode{background-color:#000}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.main-container{height:100vh}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.header-container{display:flex;width:100vw;position:sticky;top:0;background-color:#01172f;justify-content:space-between;z-index:5;margin-bottom:75px}.links{display:flex;width:50%;justify-content:space-evenly;align-items:center}.selected-link{border-bottom:5px solid #08a4bd;padding-top:5px}.no-underline{text-decoration:none;width:20%;height:50px;display:flex;justify-content:center;align-items:center;color:#fff}.header-link:hover{color:grey;cursor:pointer}.header-welcome{width:50%;color:grey}@media screen and (max-width:600px){.links{flex-direction:column;width:100%}.header-container{flex-direction:column;margin-bottom:2px}.header-link{width:100%;height:50px}.header-welcome{width:100%}h4{font-size:20px}}.project-container{margin-left:auto;margin-right:auto;margin-bottom:25px;min-width:800px;max-width:800px;border-radius:10px;box-shadow:0 0 5px #08a4bd;padding:1px 5px 50px}.projects{justify-content:space-evenly;align-items:center}.project,.projects{display:flex;flex-direction:column}.project{border:1px solid #08a4bd;min-width:550px;max-width:550px;min-height:550px;justify-content:center;box-shadow:-15px 15px #28daf6;border-radius:3px;margin-bottom:40px;padding-bottom:15px}.project p{text-align:justify;margin-left:5px;margin-right:5px}.project-pic{width:450px;height:275px;margin-top:15px;border:1px solid #08a4bd;border-radius:3px;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;cursor:pointer}.proj-pic-container{height:50%;z-index:2;position:relative}.project-pic:hover{-webkit-transform:scale(1.75);transform:scale(1.75);box-shadow:0 0 5px #28daf6}.proj-info-box h2{background-color:#01172f;color:#fff;border-radius:5px}.proj-info-box{padding:15px}.link-buttons{display:flex;justify-content:space-evenly;width:100%}.live-link{background-color:#446df6;color:#fff;border-radius:10px;width:20%;height:35px;border-width:0;display:flex;align-items:center;justify-content:center}.live-link:hover{box-shadow:0 0 5px #4c212a;cursor:default}.git-link{color:#fff;background-color:#000;border-radius:10px;width:20%;height:35px;border-width:0;display:flex;align-items:center;justify-content:center}.git-link:hover{box-shadow:0 0 5px #4c212a;cursor:default}.git-link img{height:25px;width:25px;object-fit:contain}@media screen and (max-width:600px){.project-container{width:100%;min-width:0;margin-top:0;padding:0;border-radius:0;box-shadow:none}.project{border:1px solid #000;width:90%;min-width:350px;max-width:350px;min-height:300px;margin-bottom:25px;box-shadow:-5px 5px 1px #08a4bd}.project-pic{width:300px}.proj-pic-container{height:40%;z-index:2}.project-pic:hover{-webkit-transform:none;transform:none}}.infopic-container{display:flex;margin-bottom:25px;background-color:#28daf6;justify-content:center}.about-container{width:80%;min-width:700px;max-width:800px;margin-left:auto;margin-right:auto;border-radius:10px;box-shadow:0 0 5px #08a4bd;padding:5px}.photo{width:35%;padding:10px;display:flex;align-items:center;justify-content:center}.photo img{width:65%;border-radius:50%;object-fit:contain;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.photo img:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.info{width:65%;padding:10px;display:flex;flex-direction:column;justify-content:center}.info p{text-align:left}.technologies{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:35px;margin-top:15px}.technology{min-width:20%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.technology img{object-fit:contain;max-height:75px;max-width:75px}.learning-more{background-color:#01172f;padding-bottom:10px;padding-top:5px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.learning-more h3{color:#fff;margin-top:10px;margin-bottom:5px}.learn-more-links-container{display:flex;justify-content:space-evenly;margin-top:20px;margin-bottom:20px}.learn-more-link{width:25%;border:1px solid #01172f;align-items:center;justify-content:center;display:flex;background-color:#fff;padding:5px;border-radius:5px;text-decoration:none;color:#08a4bd}.learn-more-link:hover{box-shadow:0 0 5px #fff;cursor:default}.learn-more-link img{max-width:100px;height:35px;object-fit:scale-down}@media screen and (max-width:600px){.about-container{width:100%;min-width:0;border-radius:0;box-shadow:none}.infopic-container{flex-direction:column;align-items:center}.info{width:85%}.info p{text-align:justify}.photo{width:100%}.photo img{width:50%}.technology img{max-height:90px;max-width:90px}.about-container{margin-top:0}}.footer{background-color:#01172f;width:100%;height:80px;position:relative;bottom:0;display:flex;justify-content:space-evenly;align-items:center}.copyright{color:#fff}.footer-contact,.footer-cp{width:30%}.footer-links{width:30%;display:flex;align-items:center;justify-content:center}.footer-link{max-width:30px;max-height:30px;margin-left:15px}.contact-container{width:80%;min-width:700px;max-width:800px;border-radius:10px;box-shadow:0 0 5px #08a4bd;background-color:#28daf6;padding:5px}.contact-container,form{margin-left:auto;margin-right:auto}form{width:600px;display:flex;flex-direction:column;justify-content:center;align-items:center}.form-fields{width:85%}.form-field,.form-fields{display:flex;flex-direction:column;justify-content:space-between}.form-field{align-items:center}label{text-align:left;width:82%;margin-top:15px;margin-bottom:5px}input{height:20px}input,textarea{width:80%;border:1px solid #08a4bd;border-radius:5px}textarea{height:200px;margin-bottom:15px}.form-buttons{width:80%;display:flex;justify-content:space-evenly;margin-bottom:15px;margin-top:5px}.form-buttons button{width:100px;height:35px;border:1px solid #01172f;background-color:#01172f;color:#fff;border-radius:5px}.form-buttons button:hover{box-shadow:0 0 5px #4c212a}@media screen and (max-width:600px){.contact-container{width:100%;min-width:0;padding:0;border-radius:0;box-shadow:none}form{width:100%}input{height:30px}}
/*# sourceMappingURL=main.91a41804.chunk.css.map */