:root{--main-bg-dark-gray:rgba(21,19,18,255);--nav-bg-dark-gray:rgb(32,28,28);--tooltip-bg-color:rgb(53,47,47);--icon-color:rgb(255,255,255);--icon-hover-color:rgb(223,222,222);--white:rgb(255,255,255);--green:rgb(92,108,92);--gray:rgb(136,136,136);--profile-p:rgb(53,47,47);--information-p:rgb(225,225,225)}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.material-icons-outlined{font-size:40px;color:#fff;position:relative}html{background-color:var(--main-bg-dark-gray);margin:30px 300px}a{text-decoration:none;flex-direction:column;align-items:center;position:relative}a,main{display:flex;justify-content:center}main{margin:80px auto;flex-direction:row}.layout{margin:auto}.content{display:flex;flex-direction:column;margin-left:100px;animation:slideIn .8s ease-out}.home-experiences,.home-projects{margin-top:50px}.home-experiences h2,.home-projects h2{font-size:80px}.home-experiences h2:first-child,.home-projects h2:first-child{color:var(--white)}.home-experiences h2:nth-child(2),.home-projects h2:nth-child(2){color:var(--green)}.home-link{display:flex;align-items:center;justify-content:center;background-color:#151312;border-radius:8px;padding:20px;width:100%;margin-top:50px;transition:transform .3s ease}.home-link:hover{transform:translateY(-10px);background-color:#1a1a1a}.home-link a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700}@media(max-width:1100px){.home-experiences h2,.home-projects h2{font-size:50px;text-align:center}}@media(max-width:768px){html{margin:0}main{flex-direction:column-reverse;margin:20px;justify-content:center;align-items:center}.content{margin-left:0;margin-top:20px}}.letsworktogether{width:600px;margin-top:5rem}.letsworktogether:first-child{margin-top:0}.letsworktogether h2{font-size:80px}.letsworktogether h2:first-child{color:var(--white)}.letsworktogether h2:nth-child(2){color:var(--green)}.letsworktogether form{margin-top:40px;width:100%}.letsworktogether form label{color:var(--gray);padding-bottom:10px;font-size:12px}.letsworktogether form button,.letsworktogether form input,.letsworktogether form textarea{background:rgba(182,180,189,.2);border:none;border-radius:10px;padding:15px 10px;width:100%;color:var(--white);font-weight:700}.letsworktogether form input:focus,.letsworktogether form textarea:focus{border:1px solid var(--green);outline:none}.letsworktogether form input::placeholder,.letsworktogether form textarea::placeholder{color:#999;font-size:14px;font-weight:400}.letsworktogether form .name-email{display:flex;justify-content:space-between;gap:20px;width:100%}.letsworktogether form .email,.letsworktogether form .name{flex:1 1}.letsworktogether form .email,.letsworktogether form .message,.letsworktogether form .name,.letsworktogether form .object{display:flex;flex-direction:column}.letsworktogether form .message,.letsworktogether form .name-email,.letsworktogether form .object{padding-bottom:20px}.letsworktogether form button{background:var(--green);color:var(--white)}@media(max-width:1100px){.letsworktogether{width:350px;margin:5rem auto;text-align:center}.letsworktogether .h2-work{font-size:45px}.letsworktogether .h2-together{font-size:55px}form .name-email{flex-direction:column;gap:10px}form .email,form .name{width:100%}h2{font-size:50px}button,input,textarea{font-size:14px}}.icon{width:23px;transition:transform .3s ease}.icon:hover{transform:scale(1.2)}.icon-house{width:24px}.icon-social-media{display:flex;justify-content:center;align-items:center;width:33px;height:33px;background:rgba(0,0,0,0);border-radius:4px;transition:background .3s ease,transform .3s ease;padding:0 25px;opacity:0;animation:slideInSocial .5s ease-out forwards}.icon-social-media:first-child{animation-delay:.2s}.icon-social-media:nth-child(2){animation-delay:.4s}.icon-social-media:nth-child(3){animation-delay:.6s}.icon-social-media:nth-child(4){animation-delay:.8s}.icon-social-media:nth-child(5){animation-delay:1s}.icon-social-media:nth-child(6){animation-delay:1.2s}.icon-social-media:nth-child(7){animation-delay:1.4s}.icon-social-media:nth-child(8){animation-delay:1.6s}.icon-social-media:nth-child(9){animation-delay:1.8s}.icon-social-media:nth-child(10){animation-delay:2s}.icon-social-media:hover{background:var(--icon-hover-color);transform:scale(1.001)}@media screen and (max-width:1100px){.icon-social-media{width:30px;height:30px}.icon-house{width:20px}}#profile{position:-webkit-sticky;position:sticky;top:50px;background:#fff;width:350px;height:650px;max-width:350px;min-width:300px;border-radius:16px;padding:35px 20px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;animation:slideIn .8s ease-out}#profile-pdp{background-image:url(/img/pdp.jpg);background-position:45% 65%;background-size:300%;width:250px;height:300px;border-radius:16px;position:relative}#profile-name{font-size:28px;font-weight:700;margin:15px}.profile-description{text-align:center;font-weight:500;font-size:18px;color:var(--profile-p);white-space:pre-line}@media(max-width:768px){#profile{position:relative;top:0;width:90%;height:auto;padding:20px}#profile-name{font-size:24px}.profile-description{font-size:16px}}@keyframes slideIn{0%{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInSocial{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInNav{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.nav-links li{transform:translateY(20px);opacity:0;animation:slideInNav .5s ease-out forwards}.nav-links li:first-child{animation-delay:.2s}.nav-links li:nth-child(2){animation-delay:.4s}.nav-links li:nth-child(3){animation-delay:.6s}.nav-links li:nth-child(4){animation-delay:.8s}.nav-links li:nth-child(5){animation-delay:1s}.nav-links li:nth-child(6){animation-delay:1.2s}.nav-links li:nth-child(7){animation-delay:1.4s}.nav-links li:nth-child(8){animation-delay:1.6s}.nav-links li:nth-child(9){animation-delay:1.8s}.nav-links li:nth-child(10){animation-delay:2s}.nav-links li:nth-child(11){animation-delay:2.2s}.nav-links li:nth-child(12){animation-delay:2.4s}.nav-links li:nth-child(13){animation-delay:2.6s}.nav-links li:nth-child(14){animation-delay:2.8s}.nav-links li:nth-child(15){animation-delay:3s}.nav-links li:nth-child(16){animation-delay:3.2s}.nav-links li:nth-child(17){animation-delay:3.4s}.nav-links li:nth-child(18){animation-delay:3.6s}.nav-links li:nth-child(19){animation-delay:3.8s}.nav-links li:nth-child(20){animation-delay:4s}.tooltip{display:none;color:#fff;background-color:var(--tooltip-bg-color);border-radius:5px;padding:5px 10px;margin-top:5px;font-size:14px;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;position:absolute;top:100%;left:50%}.icon-link:hover .tooltip{display:block}.tooltip.show{opacity:1;transform:translateX(-50%) translateY(10px)}header{display:flex;justify-content:center;align-items:center;padding:10px}header nav{background:var(--nav-bg-dark-gray);border-radius:16px;opacity:1;animation:slideIn .8s ease-out}header nav ul{display:flex;justify-content:center;align-items:center;padding:0;margin:0}header nav ul li{list-style-type:none;padding:10px 15px}header nav ul li:first-child{padding-left:25px}header nav ul li:last-child{padding-right:25px}