#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;transition:left .5s}body{margin:0}html{scroll-behavior:smooth}a{scroll-behavior:smooth;text-decoration:none}.nav-container{display:flex;align-items:center;justify-content:center;width:100%;scroll-behavior:smooth}.nav-container img{width:100px;margin-right:auto}.nav-container button,.hire-button{background:#fd6f00;outline:none;border:none;padding:10px 15px;border-radius:7px;color:#fff;font-size:1rem;font-weight:500;cursor:pointer;margin-left:auto;transition:box-shadow .3s ease;box-shadow:0 0 10px #fd6f00}.nav-container button:hover{box-shadow:0 0 0 1px #fff;background:transparent;border:solid 1px white}.navbar-options{display:flex;align-items:center;justify-content:center}.navbar-options a{color:#c7bfbf;cursor:pointer;padding:0 10px;margin-right:60px;transition:.3s ease}.navbar-options a:hover{color:#fd6f00}.navbar-options :nth-child(1){color:#fd6f00}.hire-anchor{text-decoration:none;color:#fff;font-weight:500}.off-screen-menu{display:none}@media screen and (max-width: 768px){.navbar-options,.hire-button{display:none}.nav-container a{color:#fff;padding:14px 16px;text-decoration:none;font-size:17px;display:block}.off-screen-menu{display:block;background-color:#1d1a1a;height:100vh;width:100%;max-width:450px;position:fixed;top:0;right:-450px;display:flex;flex-direction:column;align-items:center;font-size:3rem;transition:.3s ease}.off-screen-menu.active{display:flex;align-items:start;justify-content:center;flex-direction:column;right:0}.off-screen-menu.active a{font-size:1.5rem;margin-left:20px;color:#fff;margin-bottom:50px;transition:.3s ease}.off-screen-menu.active a:nth-child(1){color:#fd6f00}.off-screen-menu.active a:hover{color:#fd6f00;box-shadow:0 0 10px #fd6f00}nav{padding:1rem;display:flex}.ham-menu{height:50px;width:50px;margin-left:auto;position:relative;margin-right:25px}.ham-menu span{height:5px;width:100%;background:#fd6f00;border-radius:25px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.3s ease;cursor:pointer}.ham-menu span:nth-child(1){top:25%}.ham-menu span:nth-child(3){top:75%}.ham-menu.active span:nth-child(1){top:50%;transform:translate(-50%,-50%) rotate(45deg)}.ham-menu.active span:nth-child(2){opacity:0}.ham-menu.active span:nth-child(3){top:50%;transform:translate(-50%,-50%) rotate(-45deg)}}.header-container{display:flex;align-items:center;justify-content:center}.header-container h1{color:#fd6f00;font-size:4rem;margin-top:0;text-shadow:0 0 5px #fd6f00}.header-content{display:flex;flex-direction:column;text-align:start;width:100%}.header-buttons{cursor:pointer;margin-top:65px}.header-buttons :nth-child(2){background-color:transparent;outline:none;color:#c7bfbf;padding:10px 20px;border-radius:7px;cursor:pointer;border:none;outline:1px solid white;font-size:1rem;transition:.3s ease}.header-buttons :nth-child(2):hover{background-color:#fd6f00;border:none;outline:none}.header-buttons :nth-child(1){transition:.5s}.header-buttons :nth-child(1):hover{box-shadow:none}.header-container h3{word-wrap:break-word;color:#c7bfbf}.name{font-size:3rem;color:#fff;word-wrap:wrap;display:block;text-shadow:0 0 5px white}.hire-button{margin-right:25px;padding:10px 40px}.profile-image{max-width:700px;max-height:700px;border-radius:100%}.header-links a{cursor:pointer;background:transparent;border:none;outline:none;margin-right:10px}.header-links a img{width:30px}@media screen and (max-width: 768px){.header-container{display:flex;flex-direction:column}.header-content{text-align:center;display:flex;align-items:center;justify-content:center}.profile-image{max-width:400px;max-height:400px}.header-container h1{margin-right:10px;font-size:3rem;display:flex;align-items:center;justify-content:center}.header-container h3 span{align-items:center;margin-right:10px;font-size:2.5rem}h1{display:flex;align-items:center;justify-content:center;padding:0}}.about-header h2{color:#fff}.about-header p{color:#c7bfbf}.about-container{display:flex;align-items:center;flex-direction:column}.about-content{display:flex;align-items:center;justify-content:space-between;max-width:900px}.about-picture img{width:200px;border-radius:10px;margin-right:50px}.about-information{color:#fff}.about-information a{background:#fd6f00;color:#fff;display:flex;align-items:center;justify-content:center;outline:none;border:none;padding:10px 20px;border-radius:10px;font-size:1rem;cursor:pointer;margin:0;box-shadow:0 0 10px #fd6f00;transition:.5s}.about-information a:hover{box-shadow:none}.about-content button{margin-left:35%}.about-information button img{padding-right:5px}.about-information p{padding:20px;line-height:2}@media screen and (max-width: 768px){.about-container{display:flex;align-items:center;flex-direction:column}.about-content{display:flex;align-items:center;flex-direction:row-reverse;font-size:.8rem}.about-information{padding:20px}.about-information a{align-items:center;font-size:.8rem}.about-picture img{width:200px;border-radius:10px;margin-right:0}}.experience-container{padding:50px}.experience-content img{width:150px}.experience-header h2{color:#fff;font-size:2rem}.experience-header p{color:#c7bfbf}.stack-container{display:flex;align-items:center;justify-content:center;padding:25px;gap:70px}.stack-background{background:#2e2a2a;border-radius:10px}.node-js{padding:40px 10px}.react-image{padding:20px 10px}.cplusplus-image{padding:2px 10px}.html-image{padding:5px 8px}.html-image img{width:160px}.js-image{padding:0}.js-image img{width:170px}.css-image{padding:10px}@media screen and (max-width: 768px){.experience-container{padding:0}.experience-content{padding:0;display:flex;align-items:center;justify-content:center}.stack-container{padding:0;margin:0;display:flex;flex-wrap:wrap}}.contact-container{margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-header h2{color:#fff}.contact-header p{color:#c7bfbf}form{display:flex;align-items:center;justify-content:center;flex-direction:column}form label{color:#fd6f00;text-shadow:0 0 10px #fd6f00;font-weight:600;margin:10px 0;outline:none}form input,textarea{border-radius:6px;font-size:1rem}.contact-item{display:flex;align-items:center;flex-direction:column;justify-content:center}.user-input{padding:15px 5px}.message-input{width:500px;height:200px;resize:none}.send-input{margin-top:10px;padding:12px 32px;background:#fd6f00;border:none;outline:none;color:#fff;font-weight:700;border-radius:5px;box-shadow:0 0 10px #fd6f00;cursor:pointer;letter-spacing:1px;transition:.5s}.send-input:hover{box-shadow:none}@media screen and (max-width: 768px){.message-input{max-width:450px}}.footer-container{margin-top:50px;color:#c7bfbf;font-size:.9rem}.footer-container img{width:20px;margin-right:6px}.footer-content a{padding:10px;margin-right:40px;text-decoration:none;color:#c7bfbf}.footer-contact{font-size:.8rem;display:flex;align-items:center;justify-content:center;padding:0 5px}.footer-contact p{margin-right:10px;display:flex;align-items:center;justify-content:center}.footer-links{display:flex;align-items:center;justify-content:center;margin-top:10px}.footer-links a img{margin-right:20px;width:20px}@media screen and (max-width: 768px){.footer-content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:16px;margin:0;box-sizing:border-box;padding:0}body{background:#121212;height:100vh}