body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#464265;color:#000;font-family:Maven pro;margin:0}.App,body{height:100vh;width:100vw}.nav-div{background-color:#e4e4e5;width:100vw}.nav{align-items:end;display:flex;justify-content:flex-end;list-style-type:none;margin:0;padding:0;width:100vw;z-index:4}.nav li{cursor:pointer;font-size:clamp(.5rem,2.5vw,1.25rem);margin-block:1rem;margin-inline:clamp(.5rem,2.5vw,3rem)}.nav li a{color:#000;cursor:pointer;text-decoration:none}.nav li a:hover{color:#b49955}.nav li a:active{color:#fff}.home-section{align-items:center;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;height:70vh;margin-top:5rem;overflow:hidden;width:100%}.profile{color:#e4e4e5;display:flex;flex-direction:column;font-size:clamp(.5rem,2.5vw,1.3rem);grid-column:1;justify-content:center;margin:auto;text-align:center}.profile img{border-radius:50%;height:clamp(100px,20vw,300px);margin:auto;object-fit:cover;object-position:center;width:clamp(100px,20vw,300px)}.CTA{color:#e4e4e5;font-size:clamp(.5rem,2.5vw,1.3rem);grid-column:2;text-align:center}.CTA button{background-color:#8685ef;background:#b49955;border:none;border-radius:1rem;box-shadow:0 2px 4px #0000001a;color:#e4e4e5;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:clamp(.5rem,2.5vw,1.2rem);padding-block:1rem;width:10rem}.projects-section{color:#e4e4e5;margin-top:5rem;overflow:hidden;text-align:center;width:100vw}.projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-content:center;text-align:justify}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;box-shadow:0 2px 4px #0000001a;color:#e4e4e5;margin-top:6rem;margin-inline:1rem;padding:1rem;transition:transform .3s}.project-card,.project-img{border-radius:1rem;position:relative}.project-img{height:200px;margin-top:-100px;object-fit:cover;object-position:top;width:100%;z-index:1}.project-card button{background-color:#8685ef;background:#b49955;border:none;border-radius:1rem;box-shadow:0 2px 4px #0000001a;color:#e4e4e5;cursor:pointer;font-family:Bebas Neue,sans-serif;font-size:1.2rem;padding-block:1rem;width:100%}.about-section{color:#e4e4e5;min-height:80vh;min-width:100%}.about-container{align-items:center;display:flex;flex-wrap:wrap}.about-left{flex:1 1;text-align:center}.about-image{border-radius:50%;box-shadow:0 4px 6px #0000001a;height:200px;margin-bottom:1rem;object-fit:cover;width:200px}.tagline{color:#b49955;font-size:1.5rem}.about-right{flex:2 1}.about-right h3{color:#222;font-size:2rem;margin-bottom:1rem}.about-right p{font-size:1rem;line-height:1.6;margin-bottom:2rem;margin-right:1rem}.about-highlights{display:flex;flex-wrap:wrap;gap:1rem}.highlight-card{background:#e4e4e5;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;flex:1 1;margin-right:1rem;padding:1rem;text-align:center}.highlight-card h4{color:#444;font-size:1.5rem;margin:.5rem 0}.highlight-card p{color:#666;font-size:1rem}.skills-section{margin-top:2rem}.skills-section h4{color:#222;font-size:1.5rem;margin-bottom:1rem}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem}.skills-grid span{background:#e4e4e5;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;color:#333;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s}.skills-grid span:hover{background-color:#8685ef;color:#fff}.contact-section{color:#333;height:80vh;overflow:hidden;text-align:center;width:100%}.contact-section h2{color:#222;font-size:2.5rem;margin-bottom:1rem}.contact-section p{color:#e4e4e5;font-size:1rem;margin-bottom:2rem}.contact-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly}.contact-form{background:#ffffffe6;border-radius:1rem;box-shadow:0 4px 6px #0000001a;flex:1 1;max-width:500px;padding:2rem;text-align:left}.contact-form .form-group{margin-bottom:1.5rem;margin-right:1.7rem}.contact-form label{color:#464265;display:block;font-weight:700;margin-bottom:.5rem}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.8rem;width:100%}.contact-form button{background-color:#8685ef;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem;transition:background-color .3s;width:100%}.contact-form button:hover{background-color:#6a6cdc}.contact-info{flex:1 1;max-width:300px;text-align:left}.contact-info h3{color:#222;font-size:1.8rem;margin-bottom:1rem}.contact-info p{color:#e4e4e5;font-size:1rem;margin-bottom:1rem}.footer{bottom:0;color:#e4e4e5;height:12vh;width:100%}.footer,.footer-container{background-color:#2b283e;text-align:center}.footer-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:100%}.footer-text{color:#e4e4e5;font-size:1rem}.social-links{display:flex;justify-content:space-between}.social-icon{color:#e4e4e5;font-size:1.5rem;margin:clamp(.5rem,2.5vw,1rem);transition:color .3s ease-in-out}.social-icon:hover{color:#8685ef}.latest-project-container{align-items:center;display:flex;justify-content:center;padding:2rem}@media (max-width:768px){.footer-container{text-align:center}.footer{margin-top:1rem;position:relative}.contact-container{align-items:center;flex-direction:column}.contact-info{max-width:100%;text-align:center}.about-container{flex-direction:column;text-align:center}.about-left,.about-right{flex:initial;margin-top:1rem;margin-inline:1rem}.home-section{gap:1rem;grid-template-columns:1fr;grid-template-rows:auto auto;height:100vh}.contact-section{height:100vh;overflow-y:visible}.CTA,.profile{grid-column:1}.project-card{margin-block:3rem}.projects-section,h2{margin-bottom:4rem}}.project-preview{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1rem;box-shadow:0 4px 6px #0000001a;color:#e4e4e5;display:flex;flex-direction:column;padding:1rem;transition:transform .3s ease-in-out}.project-preview:hover{transform:translateY(-10px)}.project-image{border-radius:1rem;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.project-info{text-align:center}.project-title{font-size:1.5rem;margin-bottom:.5rem}.project-description{color:#c2c2c2;font-size:1rem;margin-bottom:1rem}.project-button{background-color:#8685ef;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s}.project-button:hover{background-color:#6a6cdc}
/*# sourceMappingURL=main.e9124f8d.css.map*/