body,html{background-color:#272727;font-family:Bebas Neue,cursive;height:100%;overflow:hidden;width:100%}.app{color:#fff;font-family:sans-serif;margin:0 auto;max-width:800px;padding:2rem}.header{margin-bottom:2rem;text-align:center}.header .avatar{border-radius:50%;height:120px;margin-bottom:1rem;width:120px}.header h1{font-size:2.5rem;left:9.5rem}.header h1,.header h1 #lastname{color:#fff;margin:0;position:absolute;text-align:center;top:2rem;transform:translateX(-50%);white-space:nowrap}.header h1 #lastname{font-size:3.5rem}.header p{color:#fff;font-size:1.125rem;left:60%;margin:0;position:absolute;text-align:center;top:1rem;transform:translateX(-50%);white-space:nowrap}@media(max-width:440px){.app{padding:1.5rem}.header{left:0;position:relative;top:-5vh}.header h1{font-size:2rem;left:110%;top:1.5rem}.header h1 #lastname{font-size:2.5rem;top:3vh!important}.header p{font-size:1rem!important;left:50%!important;top:.75rem}}@media(max-width:768px){.app{padding:1.5rem}.header h1{font-size:2rem;left:50%;top:1.5rem}.header h1 #lastname{font-size:2.5rem;top:1rem}.header p{font-size:1rem;left:55%;top:.75rem}}@media(max-width:414px){.app{overflow:hidden!important;padding:1rem}.header{left:0;position:relative;top:-3vh}.header h1{font-size:3.5vh!important;left:50%;top:2.25vh!important}.header h1 #lastname{font-size:3.25vh!important;top:3vh!important}.header p{font-size:.95rem;left:0!important;top:.5vh!important}}@media(max-width:430px){.header{left:0;position:relative;top:-3vh}.header h1{font-size:1.5rem;left:50%;top:1.5rem}.header h1 #lastname{font-size:2rem;top:2.5vh}.header p{font-size:.95rem;left:50%!important;top:.5vh!important}}@media(max-width:320px){.header h1{font-size:1.25rem;left:50%;top:.8rem}.header h1 #lastname{font-size:1.75rem;top:.8rem}.header p{font-size:.8rem;left:50%;top:.4rem}}.projects-grid{color:#fff;display:flex;flex-direction:column;gap:1rem;position:fixed;right:7rem;top:25%;width:50rem;z-index:100}.project-card{border:1px solid #fff;border-radius:8px;color:inherit;color:#fff;padding:1rem;text-decoration:none;transition:transform .2s;width:100%}.project-card:hover{transform:translateY(-5px)}.project-card img{border-radius:8px;max-width:100%}.project-card h3{font-size:1.25rem;margin-top:.5rem}@media(max-width:768px){.projects-grid{right:2rem;top:20%;width:30rem}.project-card{padding:.5rem}.project-card h3{font-size:1.1rem}}@media(max-width:414px){.projects-grid{right:1.5rem;top:30%!important;width:24rem}.project-card{padding:.5rem}.project-card h3{font-size:1rem}}@media(max-width:440px){.projects-grid{right:15%;top:30%;width:20rem}.project-card{padding:.3333333333rem}.project-card h3{font-size:.95rem}}@media(max-width:430px){.projects-grid{right:15%;top:30%!important;width:20rem}.project-card{padding:.3333333333rem}.project-card h3{font-size:.95rem}}@media(max-width:320px){.projects-grid{gap:.5rem;right:.5rem;top:12%;width:16rem}.project-card{padding:.25rem}.project-card h3{font-size:.85rem}}.navbar{background-color:#19191900;display:flex;flex-direction:column;height:100vh;left:3rem;margin:1rem;position:absolute;top:18rem;white-space:nowrap;width:0}.navbar ul{list-style:none;margin:0;padding:0}.navbar li{margin:1rem 0}.navbar a{color:#fff;cursor:pointer;font-size:5rem;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:opacity .2s}.navbar a:hover{opacity:.7}.navbar a.active{text-decoration:underline}.icons{left:3.5rem;margin:1rem;padding-left:2rem;position:fixed;top:7.5rem}@media(max-width:768px){.navbar{left:2rem;top:14rem}.navbar a{font-size:4rem}.icons{left:2.5rem;padding-left:1.5rem;top:6rem}}@media(max-width:414px){.navbar{left:1.5rem;top:1rem}.navbar a{font-size:2.5rem}.icons{left:65%!important;padding-left:1rem;top:1rem!important}}@media(max-width:440px){.navbar{left:1rem;top:1rem}.navbar a{font-size:2rem;letter-spacing:.08em}.icons{left:65%;padding-left:.8rem;top:1rem}}@media(max-width:430px){.navbar{left:1rem;top:1rem}.navbar a{font-size:2rem;letter-spacing:.08em}.icons{left:65%;padding-left:.8rem;top:1rem}}@media(max-width:320px){.navbar{left:.5rem;top:8rem}.navbar a{font-size:2.5rem;letter-spacing:.06em}.icons{left:1rem;padding-left:.5rem;top:4.5rem}}.mailing-form{background:#272727;font-family:sans-serif;margin:10rem 0 0 30%;max-width:50%;padding:0 1rem}.mailing-form h2{color:#fff;font-size:2rem;margin:1rem 0 2rem;text-align:center;text-transform:uppercase}.mailing-form .fields{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}@media(max-width:600px){.mailing-form .fields{grid-template-columns:1fr}}.mailing-form .fields .field{color:#fff;display:flex;flex-direction:column}.mailing-form .fields .field label{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.mailing-form .fields .field input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem}.mailing-form .message-field{color:#fff;display:flex;flex-direction:column;margin-bottom:1.5rem}.mailing-form .message-field label{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.mailing-form .message-field textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;height:180px;padding:.75rem;resize:none;width:97%}.mailing-form .file-field{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.mailing-form .file-field input[type=file]{display:none}.mailing-form .file-field .file-label{background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.95rem;padding:.75rem 1.5rem;transition:background-color .2s}.mailing-form .file-field .file-label:hover{background-color:#eaeaea}.mailing-form .file-field .file-name{color:#555;font-size:.9rem;font-style:italic}.mailing-form .submit-btn{background-color:#2c79ff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:1rem auto;padding:.75rem 2rem;transition:opacity .2s}.mailing-form .submit-btn:hover{opacity:.9}.file-field{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.file-field input[type=file]{display:none}.file-field .file-label{background-color:#eee;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.file-field .file-label:hover{background-color:#ddd}.file-field .file-name{color:#333;font-size:.9rem;font-style:italic}@media(max-width:768px){.mailing-form{margin:8rem auto 0;max-width:80%;padding:0 .5rem}.mailing-form h2{font-size:1.75rem;margin:1rem 0 1.5rem}.mailing-form .fields{gap:1rem}.mailing-form .message-field textarea{height:160px;width:100%}.mailing-form .submit-btn{font-size:.95rem;padding:.6rem 1.5rem}}@media(max-width:414px){.mailing-form{margin:20vh auto 0;max-width:50%;padding:0 .15rem;position:relative;top:2.5rem}.mailing-form h2{font-size:1.05rem;margin-bottom:.7rem}.mailing-form .fields{gap:.5rem}.mailing-form .fields .field input{font-size:.8rem;padding:.4rem}.mailing-form .message-field textarea{font-size:.8rem;height:110px;padding:.4rem}.mailing-form .file-field{gap:.4rem}.mailing-form .file-field .file-label{font-size:.8rem;padding:.4rem .8rem}.mailing-form .file-field .file-name{font-size:.75rem}.mailing-form .submit-btn{font-size:.8rem;padding:.3rem .6rem}}@media(max-width:440px){.mailing-form{margin:20vh auto 0;max-width:50%;padding:0 .15rem;position:relative;top:2.5rem}.mailing-form h2{font-size:1.05rem;margin-bottom:.7rem}.mailing-form .fields{gap:.5rem}.mailing-form .fields .field input{font-size:.8rem;padding:.4rem}.mailing-form .message-field textarea{font-size:.8rem;height:110px;padding:.4rem}.mailing-form .file-field{gap:.4rem}.mailing-form .file-field .file-label{font-size:.8rem;padding:.4rem .8rem}.mailing-form .file-field .file-name{font-size:.75rem}.mailing-form .submit-btn{font-size:.8rem;padding:.3rem .6rem}}@media(max-width:430px){.mailing-form{margin:20vh auto 0;max-width:50%;padding:0 .15rem;position:relative;top:2.5rem}.mailing-form h2{font-size:1.05rem;margin-bottom:.7rem}.mailing-form .fields{gap:.5rem}.mailing-form .fields .field input{font-size:.8rem;padding:.4rem}.mailing-form .message-field textarea{font-size:.8rem;height:110px;padding:.4rem}.mailing-form .file-field{gap:.4rem}.mailing-form .file-field .file-label{font-size:.8rem;padding:.4rem .8rem}.mailing-form .file-field .file-name{font-size:.75rem}.mailing-form .submit-btn{font-size:.8rem;padding:.3rem .6rem}}@media(max-width:320px){.mailing-form{margin:4rem auto 0}.mailing-form h2{font-size:1.1rem}.mailing-form .fields{gap:.5rem}.mailing-form .fields .field label{font-size:.8rem}.mailing-form .fields input{font-size:.9rem;padding:.6rem}.mailing-form .message-field label{font-size:.8rem}.mailing-form .message-field textarea{font-size:.9rem;height:100px}.mailing-form .file-field{gap:.5rem}.mailing-form .file-field .file-label{font-size:.85rem;padding:.5rem 1rem}.mailing-form .file-field .file-name{font-size:.8rem}.mailing-form .submit-btn{font-size:.8rem;padding:.3rem .8rem}}.clock{background-clip:content-box,border-box;background-origin:border-box;border-radius:50%;box-shadow:inset 0 0 10px #dedede80,0 0 5px #cbcbcb4d;height:40rem;left:60%;padding:5px;position:fixed;top:10rem;transform:translateX(-50%);width:40rem}.clock .hands{height:0;left:50%;position:absolute;top:50%;width:0}.clock .hand{background:#fff;bottom:50%;position:absolute;transform-origin:bottom center}.clock .hand.hourHand{height:11rem;width:7px}.clock .hand.minuteHand{height:13rem;width:5px}.clock .hand.secondHand{background:red;height:15rem;width:3px}.clock .time{color:#fff;font-family:Bebas;font-size:3rem;position:absolute;text-align:center;top:102%;width:100%}.clock .mark{background:#fff;border-radius:2px;position:absolute}.clock .mark-12{height:20px;left:50%;top:5px;transform:translateX(-50%);width:6px}.clock .mark-3{height:6px;right:5px;top:50%;transform:translateY(-50%);width:20px}.clock .mark-6{bottom:5px;height:20px;left:50%;transform:translateX(-50%);width:6px}.clock .mark-9{height:6px;left:5px;top:50%;transform:translateY(-50%);width:20px}@media(max-width:768px){.clock{height:32rem;top:8rem;width:32rem}.clock .hand.hourHand{height:9rem;width:6px}.clock .hand.minuteHand{height:11rem;width:4px}.clock .hand.secondHand{height:13rem;width:2px}.clock .time{font-size:2.5rem;top:100%}}@media(max-width:414px){.clock{height:22rem;left:50%;top:10rem;width:22rem}.clock .hand.hourHand{height:8rem;width:5px}.clock .hand.minuteHand{height:10rem;width:4px}.clock .hand.secondHand{height:12rem;width:2px}.clock .time{font-size:2rem}}@media(max-width:440px){.clock{height:24rem;left:50%;top:15rem;width:24rem}.clock .hand.hourHand{height:7rem;width:5px}.clock .hand.minuteHand{height:9rem;width:4px}.clock .hand.secondHand{height:11rem;width:2px}.clock .time{font-size:1.75rem}}@media(max-width:430px){.clock{height:24rem;left:50%;top:15rem;width:24rem}.clock .hand.hourHand{height:7rem;width:5px}.clock .hand.minuteHand{height:9rem;width:4px}.clock .hand.secondHand{height:11rem;width:2px}.clock .time{font-size:1.75rem}}@media(max-width:320px){.clock{height:20rem;top:5rem;width:20rem}.clock .hand.hourHand{height:6rem;width:4px}.clock .hand.minuteHand{height:8rem;width:3px}.clock .hand.secondHand{height:10rem;width:2px}.clock .time{font-size:1.5rem}}.about-page{align-items:flex-start;display:flex;justify-content:flex-end;min-height:100vh;padding:2rem}.about-page .about-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}@media(max-width:768px){.about-page .about-content{grid-template-columns:1fr}}.about-page .about-content .text-side{align-items:center;display:flex;flex-direction:column;margin-top:7rem;text-align:center}.about-page .about-content .text-side .name{color:#fff;font-family:Bebas Neue,cursive;font-size:3rem;margin-bottom:-1rem}.about-page .about-content .text-side .bio{color:#fff;font-size:1.43rem;line-height:1.6;max-width:600px;padding:1rem 0 0}.about-page .about-content .image-side{align-items:flex-start;display:flex;justify-content:center}.about-page .about-content .image-side img.portrait{border-radius:.5rem;box-shadow:0 0 20px #ffffff4d;height:auto;margin-top:11rem;max-width:80%;width:300px}@media(max-width:768px){.about-page{align-items:center;justify-content:center;padding:1.5rem}.about-page .about-content{gap:1.5rem}.about-page .about-content .text-side{margin-top:4rem}.about-page .about-content .text-side .name{font-size:2.5rem}.about-page .about-content .text-side .bio{font-size:1.25rem;max-width:100%}.about-page .about-content .image-side img.portrait{margin-top:6rem;width:250px}}@media(max-width:414px){.about-page{padding:1rem}.about-page .about-content .text-side{margin-top:6rem!important}.about-page .about-content .text-side .name{font-size:1rem!important}.about-page .about-content .text-side .bio{font-size:.75rem!important}.about-page .about-content .image-side img.portrait{margin-top:5rem;width:200px}}@media(max-width:440px){.about-page{padding:.8rem}.about-page .about-content .text-side{margin-top:7.7rem}.about-page .about-content .text-side .name{font-size:1rem}.about-page .about-content .text-side .bio{font-size:.8rem}.about-page .about-content .image-side img.portrait{height:80%;margin-top:0;width:180px}}@media(max-width:430px){.about-page{padding:.8rem}.about-page .about-content .text-side{margin-top:3.5rem}.about-page .about-content .text-side .name{font-size:1rem}.about-page .about-content .text-side .bio{font-size:.8rem}.about-page .about-content .image-side img.portrait{margin-top:4rem;width:180px}}@media(max-width:320px){.about-page{padding:.5rem}.about-page .about-content .text-side{margin-top:2rem}.about-page .about-content .text-side .name{font-size:1.5rem}.about-page .about-content .text-side .bio{font-size:.9rem;line-height:1.4}.about-page .about-content .image-side img.portrait{margin-top:3rem;width:150px}}.site-footer{background:#222;bottom:0;color:#ccc;font-size:.9rem;left:0;padding:1rem 2rem;position:relative;position:fixed;text-align:center;width:100%}.site-footer .footer-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.site-footer .footer-content .footer-nav{display:flex;gap:1.5rem}.site-footer .footer-content .footer-nav a{color:#ccc;text-decoration:none;transition:color .2s}.site-footer .footer-content .footer-nav a:hover{color:#fff}@media(max-width:768px){.site-footer{font-size:.85rem;padding:.8rem 1.5rem}.site-footer .footer-content{gap:.4rem}.site-footer .footer-content .footer-nav{gap:1.2rem}.site-footer .footer-content .footer-nav a{font-size:.9rem}}@media(max-width:414px){.site-footer{bottom:0;font-size:.8rem;padding:0 1rem}.site-footer .footer-content{gap:.3rem}.site-footer .footer-content .footer-nav{gap:1rem}.site-footer .footer-content .footer-nav a{font-size:.85rem}}@media(max-width:440px){.site-footer{font-size:.75rem;padding:.1rem .8rem}.site-footer .footer-content{gap:.25rem}.site-footer .footer-content .footer-nav{gap:.8rem}.site-footer .footer-content .footer-nav a{font-size:.8rem}}@media(max-width:430px){.site-footer{font-size:.75rem;padding:.1rem .8rem}.site-footer .footer-content{gap:.25rem}.site-footer .footer-content .footer-nav{gap:.8rem}.site-footer .footer-content .footer-nav a{font-size:.8rem}}@media(max-width:320px){.site-footer{font-size:.7rem;padding:.5rem .6rem}.site-footer .footer-content{gap:.2rem}.site-footer .footer-content .footer-nav{gap:.6rem}.site-footer .footer-content .footer-nav a{font-size:.75rem}}
/*# sourceMappingURL=main.45a04d73.css.map*/