:root{--accent1: #4682b4;--bg1: #121212;--bg2: #1c1c1c;--text1: #eaeaea;--text2: #121212;--shadow-dark: -2px 2px 2px rgba(255, 255, 255, .3);background-color:var(--bg1);color:var(--text1);font-family:Charm,serif;font-weight:400;font-style:normal}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--text1);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--bg1),var(--accent1));border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(60deg,var(--accent1),var(--bg2))}body{margin:0}#root{width:100%;min-height:100dvh}input,textarea{height:6px;flex-grow:1;padding:25px 15px;box-sizing:border-box;border-radius:10px;background:var(--text1);color:var(--bg1);font-size:1.2rem;box-shadow:var(--shadow-dark);border:none;outline:none}input.invalid{border-bottom:1.5px solid red}textarea{min-height:250px}button{border-radius:8px;border:1px solid transparent;padding:1rem 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--text1);cursor:pointer;font-size:1.3rem;font-weight:600;transition:border-color .25s;color:var(--bg2)}button:hover{border-color:#646cff}a{font-weight:500;color:#646cff;text-decoration:inherit}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text1)}a:hover{color:#535bf2}h1,h3{color:var(--text1);margin:0}h1{font-size:3.2rem}h5{font-size:1.5rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.about-section,.clients-section{display:flex;align-items:center;flex-direction:column;padding:50px;box-sizing:border-box;color:var(--text1)}p{font-size:1.3rem}.about-section{margin-top:50px}.hero-section{height:100dvh;width:100%;position:relative;z-index:11;background-color:var(--bg1)}.hero-section img{height:100%;float:right;position:relative;z-index:10;object-fit:cover}.hero-section h1{font-size:5.2rem;font-weight:700;animation:1s blurIn linear;transition:all .5s ease-in-out}.content{height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:200px 50px 5px;box-sizing:border-box;position:relative;gap:100px}.content .mid-section{display:flex;flex-direction:column;width:100%;gap:25px}.cta-buttons{display:flex;gap:15px;bottom:5px;width:calc(100% - 100px);padding-bottom:5px;box-sizing:border-box;position:absolute}.cta-buttons button,.cta-buttons a{width:50%;height:60px;border-radius:8px;border:1px solid transparent;padding:1rem 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--text1);cursor:pointer;font-size:1.3rem;font-weight:600;transition:border-color .25s;color:var(--bg2);box-sizing:border-box;text-align:center}.skills-container{overflow:hidden;position:relative;width:100%;display:flex;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0),black 20%,black 80%,rgba(0,0,0,0));mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000)}.skills{padding:25px 0;animation:15s slide infinite linear;box-sizing:border-box;width:fit-content;display:flex}.skills img{height:50px;margin:0 25px;display:block!important;width:auto!important}.skills-container:hover .skills{animation-play-state:paused}.hero-skills{position:absolute;display:flex;flex-direction:column;gap:75px;justify-content:space-between;width:100%;box-sizing:border-box;padding:30px 0;filter:brightness(.5) blur(3px);height:100dvh;overflow:hidden}.hero-skills .skills{animation:30s slide infinite linear}.hero-skills .skills img{margin:0 75px}.hero-skills .skills-container{min-height:150px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.quote-container{display:flex;flex-direction:column}.quote-container h3{font-size:2.5rem;font-weight:700}#text-top,#text-bottom{width:fit-content;overflow:hidden;white-space:nowrap}#text-bottom{padding-left:35px}.typing:after{content:"|";animation:.7s typing infinite linear}@keyframes typing{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes blurIn{0%{opacity:0;transform:translateY(40px)}50%{opacity:.5;filter:blur(10px);transform:scale(1.05)}to{opacity:1;filter:blur(0)}}.enter-button-container{width:50%;position:relative}@media screen and (max-width: 1450px){.hero-section h1{font-size:3.8rem}.quote-container h3{font-size:1.8rem}}@media screen and (max-width: 1300px){.hero-section img{width:45%}.content{padding:200px 25px}.cta-buttons{width:calc(100% - 50px)}}@media screen and (max-width: 1100px){.hero-section img{width:50%}}@media screen and (max-width: 1024px){.hero-section img{display:none}}.enter-button{position:static;display:inline-block;text-align:center;cursor:pointer;width:100%!important;transition:top .1s ease,left .1s ease}.enter-button:before{content:"Projects";display:flex;align-items:center;justify-content:center;width:100%;height:100%}.enter-button-container:hover .enter-button:before{content:"";display:block;width:100%;height:100%;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="6.232499599456787, 23.580001831054688, 87.5374984741211, 52.839996337890625"><path d="M93.77,30.58c0,1.87-0.73,3.63-2.05,4.95l-40.3,40.3c-0.39,0.39-0.9,0.59-1.41,0.59s-1.02-0.2-1.41-0.59L8.28,35.53c-2.73-2.73-2.73-7.17,0-9.9c2.73-2.73,7.17-2.73,9.9,0L50,57.45l31.82-31.82c1.32-1.32,3.08-2.05,4.95-2.05s3.63,0.73,4.95,2.05C93.04,26.95,93.77,28.71,93.77,30.58z" fill="%23000"/></svg>');background-size:100% 100%;background-repeat:no-repeat;background-position:center}.enter-button-container:hover .enter-button{position:absolute;width:100px!important;border-radius:50%;height:100px;aspect-ratio:1;transform:translateY(0);bottom:0}.project-wrapper{display:flex;flex-direction:column;gap:25px;align-items:center;width:100%}.project-section{display:flex;flex-wrap:wrap;gap:25px;align-items:center;justify-content:center;width:100%;padding:50px;box-sizing:border-box}.project-card{flex:1 1 20%;height:550px;perspective:1000px;cursor:pointer;max-width:450px;transition:box-shadow .3s ease-in-out;border-radius:10px}.project-card h4{font-size:2rem}.project-card p{font-size:1.1rem;font-weight:600}.project-card .card-front,.project-card .card-back{width:100%;height:100%;position:absolute;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;transition:transform .6s ease-in-out;flex-direction:column}.contributions-link{position:absolute;bottom:5px;right:5px}.project-card .card-front{background:linear-gradient(135deg,#667eea,#121212);color:#fff;font-size:1.2em;font-weight:700;transition:opacity 1.2s ease-in-out;justify-content:space-between;padding:50px 10px;box-sizing:border-box;align-items:center;gap:25px;box-shadow:0 0 10px var(--accent1),0 0 20px var(--accent1)}.card-front h2{font-size:2.5rem}.project-card .card-back{background:#fff;color:#333;transform:rotateY(180deg);padding:15px;font-size:1em;border:1px solid #ddd;box-sizing:border-box;text-align:start;justify-content:space-between;box-shadow:0 0 10px var(--text1),0 0 20px var(--text1)}.project-card:hover .card-front{opacity:0}.project-card:hover .card-back{transform:rotateY(0)}.card-front img{width:70%;height:auto;object-fit:cover;border-radius:10px}.contributions{display:flex;flex-direction:column;width:100%;align-items:center;gap:15px}.contributions h4{color:var(--text2)}@media screen and (max-width: 1400px){.project-card{flex:1 1 calc(50% - 50px);max-width:none}.project-section{padding:50px 100px;gap:50px}.card-front img{width:auto;max-height:70%;max-width:80%}}@media screen and (max-width: 1150px){.project-section{padding:50px;gap:35px}.project-card{flex:1 1 calc(50% - 35px)}}@media screen and (max-width: 1024px){.project-card{flex:1 1 100%}}.contact-section{display:flex;justify-content:center;height:100vh;box-sizing:border-box;padding:100px 50px 50px}.contact-form{width:50%;display:flex;flex-direction:column;align-items:center;gap:25px}.contact-form form{width:80%;display:flex;flex-direction:column;gap:5px}.contact-form .form-row{display:flex;gap:5px;width:100%}.error{color:red;font-size:.8rem}.form-input{width:auto;flex-grow:1;display:flex;flex-direction:column}nav{display:flex;justify-content:space-between;align-items:center;padding:10px 50px;box-sizing:border-box;background-color:var(--bg2);color:var(--text1);box-shadow:var(--shadow-dark);position:fixed;width:100%;z-index:10}nav:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--text1);transition:all .3s ease-in-out}nav:hover:after{width:100%}.nav-brand{font-size:1.8rem;font-weight:600;color:var(--text1);font-family:Grechen Fuemen,serif}.nav-brand:hover{color:var(--text1)}.nav-links{display:flex;gap:25px;padding:10px;box-sizing:border-box}.nav-links a{color:var(--text1);font-size:1.3rem;position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:currentColor;transition:width .3s ease-in-out}.nav-links a:hover:after{width:100%}.under-construction{display:flex;flex-direction:column;padding:100px 50px;justify-content:center;align-items:center;height:100dvh;box-sizing:border-box}.animation{height:80%}.not-found{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;padding:120px 50px 80px;box-sizing:border-box;gap:25px}.animation{height:80%;border-radius:25px;overflow:clip}