.bio{margin-top:20px;font-weight:400;padding:20px;width:50%;margin-left:25%;background-color:#0a0a0a;margin-bottom:20px;border-radius:20px}.bio p{font-weight:200!important;font-size:1.5rem}.bio h3{font-size:2rem;font-weight:700;margin-bottom:10px}.contact{margin-top:20px;font-weight:400;padding:20px;width:50%;margin-left:25%;background-color:#0a0a0a;margin-bottom:20px;border-radius:20px}.contact h3{font-size:2rem;font-weight:700;margin-bottom:10px}.contact p{font-weight:200!important;font-size:1.5rem}.contact .contact-sub-text{font-size:1rem;font-weight:400;margin-top:10px}.contact form{display:flex;flex-direction:column;width:60%;margin-top:20px}.contact form input,.contact form textarea{width:80%;margin:10px 10px 10px 0;padding:10px;border-radius:10px;border:none;background-color:#212121;font-family:font,font Fallback}.contact form textarea{resize:vertical;min-height:100px}.contact form button{width:80%;margin:10px 10px 10px 0;padding:10px;border-radius:10px;border:none;background-color:#177fc8;color:#f5f5f5;font-size:1.5rem;font-weight:700;font-family:font,font Fallback;cursor:pointer;transition:.15s}.contact form button:hover{background-color:#f5f5f5;color:#177fc8}.contact form button:disabled{background-color:#177fc8;color:#f5f5f5;cursor:not-allowed}@media only screen and (min-width:320px)and (max-width:768px){.contact form{width:100%}}.footer{width:100%;background-color:#000;padding:10px;text-align:center;font-size:1.25rem}.me{background-color:#177fc8;margin-top:70px!important;margin-bottom:70px!important;margin-left:25%;width:50%;padding:50px;padding-bottom:0!important;border-radius:40px;text-align:left;min-height:18em;color:#fff}.me a{background-color:#f5f5f5;border:1px solid #000;border-radius:5px;padding:10px 20px;margin:10px;font-size:1.5rem;font-weight:400;cursor:pointer;color:#000;transition:.15s}.me a:hover{background-color:rgba(0,0,0,.5)}.me img{width:200px;height:200px;border-radius:50%;margin-bottom:20px}.me .buttons{margin-top:20px;margin-left:-.5em}@media only screen and (min-width:320px)and (max-width:768px){.me{width:90%;margin-left:5%;padding-bottom:50px!important}.me h1{font-size:2.5rem!important}.me h1,.me h2{width:100%;text-align:center}.me .buttons{margin-left:-.75em}}.not-found-wrapper{text-align:center;font-size:2rem;font-weight:700;margin-top:50px;scrollbar-width:none}.not-found-wrapper .button{background-color:#177fc8;color:#f5f5f5;padding:10px 20px;border-radius:5px;margin-top:10px;text-decoration:none;font-size:1.5rem;transition:.15s}.not-found-wrapper .button:hover{background-color:#f5f5f5;color:#177fc8}.not-found{background-color:#000;padding:50px;border-radius:40px;width:25%;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.not-found-wrapper~.footer{position:absolute;bottom:0;left:0;right:0;margin-bottom:0}@media only screen and (min-width:320px)and (max-width:768px){.not-found{width:90%}}.projects{margin-top:20px;font-size:1.5rem;font-weight:400;padding:20px;width:50%;margin-left:25%;background-color:#0a0a0a;margin-bottom:20px;border-radius:20px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-top:20px}.project-grid .project{background-color:#1d1d1d;padding:20px;border-radius:20px;text-align:left;transition:.15s}.project-grid .project:hover{background-color:#212121}.project-grid .project h4{font-size:1.5rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-grid .project p{font-size:1.2rem;font-weight:400}.project-grid .project .buttons{margin-top:10px;display:flex;gap:10px}.project-grid .project .buttons a,.project-grid .project .buttons button{background-color:#177fc8;color:#f5f5f5;padding:5px 10px;border-radius:5px;margin-top:10px;text-decoration:none;font-size:1rem;font-family:font,font Fallback;transition:.15s;cursor:pointer;border:none}.project-grid .project .buttons a:nth-child(2),.project-grid .project .buttons button:nth-child(2){margin-left:auto}.project-grid .project .buttons a:nth-child(2):hover,.project-grid .project .buttons button:nth-child(2):hover{background-color:#f5f5f5;color:#177fc8}.project-grid .project .buttons a:hover,.project-grid .project .buttons button:hover{background-color:#f2f1ee;color:#177fc8}.project-grid .project img{width:100%;height:auto;border-radius:20px;margin-top:20px}.project-grid .project.coming-soon{text-align:center;background-color:#131313}.project-grid .project.coming-soon h4{display:flex;align-items:center;justify-content:center;height:100%}.project-modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:none;background-color:rgba(0,0,0,.5);transition:.15s;animation:fadeIn .3s ease forwards}.project-modal.fade-out{animation:fadeOut .3s ease forwards}.project-modal .project-modal-content{background-color:#1d1d1d;margin:5% auto;padding:20px;width:45%;border-radius:20px;text-align:left;transform:scale(.8);animation:zoomIn .3s ease forwards}.project-modal .project-modal-content .project-modal-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.project-modal .project-modal-content .project-modal-meta span{font-size:1.2rem;font-weight:400}.project-modal .project-modal-content h3{font-size:2rem;font-weight:700}.project-modal .project-modal-content p{font-size:1.5rem}.project-modal .project-modal-content img{width:75%;height:auto;display:block;border-radius:20px;margin:20px auto}.project-modal .project-modal-content p{font-size:1rem;font-weight:400}.project-modal .project-modal-content .buttons{margin-top:10px;display:flex;gap:10px}.project-modal .project-modal-content .buttons a,.project-modal .project-modal-content .buttons button{background-color:#177fc8;color:#f5f5f5;padding:5px 10px;border-radius:5px;margin-top:10px;text-decoration:none;font-size:1rem;font-family:font,font Fallback;transition:.15s;cursor:pointer}.project-modal .project-modal-content .buttons a:nth-child(2),.project-modal .project-modal-content .buttons button:nth-child(2){margin-left:auto}.project-modal .project-modal-content .buttons a:nth-child(2):hover,.project-modal .project-modal-content .buttons button:nth-child(2):hover{background-color:#f5f5f5;color:#177fc8}.project-modal .project-modal-content .buttons a:hover,.project-modal .project-modal-content .buttons button:hover{background-color:#f2f1ee;color:#177fc8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.8)}to{transform:scale(1)}}@media only screen and (min-width:320px)and (max-width:768px){.project-modal .project-modal-content{width:75%}.project-modal .project-modal-content img{width:100%;height:auto}}body,html{width:100%;height:100%;background-color:#212121!important;scroll-behavior:smooth}*{padding:0;box-sizing:border-box;color:#f5f5f5}*,h1{margin:0}h1{font-size:3rem;font-weight:700}h2{font-size:2rem;font-weight:400;margin:0}a{color:#177fc8;text-decoration:none}a:hover{color:#f5f5f5}span{color:#c8b817}::selection{background-color:#177fc8;color:#f5f5f5}@media only screen and (min-width:320px)and (max-width:768px){.bio,.contact,.gallery,.projects{width:90%;margin-left:5%}}@font-face{font-family:font;src:url(/_next/static/media/e6ed29f43efb55f0-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:font Fallback;src:local("Arial");ascent-override:94.63%;descent-override:23.50%;line-gap-override:0.00%;size-adjust:103.66%}.__className_5cd584{font-family:font,font Fallback;font-weight:400;font-style:normal}