*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;scroll-behavior:smooth}body{background:linear-gradient(to top,#f9f9f9,#f9f9f9,#f9f9f9,#fdfdfd,#fdfdfd,#edecec,#e0e0e0,#9a9a9a);overflow-x:hidden}.linear{background:linear-gradient(to right,#510303,#ae1818,#da0101);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;display:inline-block}a{text-decoration:none;color:inherit}#root{margin:0 auto;max-width:100%;overflow-x:hidden}#aboutme-section{background:linear-gradient(to top,#f9f9f9,#fdfdfd,#c5c5c5);height:70vh}#aboutme-section .container{height:100%}#aboutme-section .container>div{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}#aboutme-section .container p:nth-of-type(1){font-size:44px;font-weight:800;font-family:Playfair Display,serif;color:#686868}#aboutme-section .container p:nth-of-type(2){font-size:20px;font-family:sans-serif;color:#959595}@media (max-width: 576px){#aboutme-section .container p:nth-of-type(1){font-size:34px}#aboutme-section .container p:nth-of-type(2){font-size:15px;text-align:center}}#contact-section{background:linear-gradient(to bottom,#f9f9f9,#f9f9f9,#d7d6d6,#9a9a9a);height:60vh;padding:30px 0}#contact-section .container>p{font-family:Playfair Display,sans-serif;font-size:38px;font-weight:800;margin-bottom:22px}#contact-section .container>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.content-contactme{padding-right:30px}.content-contactme>p{font-size:18px;color:#777676}.link-contactme{display:flex;justify-content:space-between;width:36%;margin-top:32px}.link-contactme div a{font-size:28px;padding:10px;border-radius:30px;transition:.5s;color:#696969}.link-contactme div a:hover{background-color:#ae1818;color:#fff}.form-contactme form{display:flex;flex-direction:column;gap:10px}.input-name,.input-mail{padding:10px;border-radius:5px;color:#000;background-color:#cdcdcd;border:none}textarea{height:100px;border-radius:5px;padding:10px;background-color:#cdcdcd;color:#000;border:none}form input::placeholder,form textarea::placeholder{color:#5d5d5d}.btn-submit{padding:10px;border-radius:10px;font-size:16px;background:linear-gradient(to right,#ae1818,#fff);border:none;font-weight:700;margin-top:10px;box-shadow:0 2px 7px #c9c9c9;transition:.3s;color:#fff}.btn-submit:hover{box-shadow:1px 6px 19px 5px #646464}@media (max-width: 576px){#contact-section{height:75vh}#contact-section .container>p{font-size:34px;font-weight:800;margin-bottom:22px}#contact-section .container>div{grid-template-columns:1fr;gap:30px}.link-contactme{width:55%;margin-top:20px}.link-contactme div a{font-size:25px}.form-contactme form{gap:10px}}#hero-section{height:93vh}#hero-section .container{height:100%}.hero{display:flex;justify-content:space-between;align-items:center;height:100%}.content h1{font-weight:700;font-size:48px}.content p:nth-of-type(1){font-size:30px;color:#777;white-space:nowrap;overflow:hidden;font-weight:800}.content p:nth-of-type(2){font-size:16px;color:#8b8b8b}.content button{color:#fff;border-radius:5px;padding:10px 25px;font-weight:500;background:transparent;cursor:pointer;position:relative;display:inline-block;box-shadow:inset 2px 2px 2px #ffffff80,7px 7px 20px #0000001a,4px 4px 5px #0000001a;outline:none;border:none;transition:all .3s ease;overflow:hidden}.content button:after{position:absolute;content:" ";z-index:-1;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(315deg,#510303,#ae1818 74%);transition:all .3s ease}.content button:hover{background:transparent;box-shadow:4px 4px 6px #ffffff80,-4px -4px 6px #747d8833,inset -4px -4px 6px #ffffff80,inset 4px 4px 6px #747d884d;color:#fff}.content button:hover:after{-webkit-transform:scale(2) rotate(180deg);transform:scale(2) rotate(180deg);box-shadow:4px 4px 6px #ffffff80,-4px -4px 6px #747d8833,inset -4px -4px 6px #ffffff80,inset 4px 4px 6px #747d884d}.pic{text-align:center;width:40%}.pic img{border-radius:50%;width:80%;box-shadow:0 1px 20px 4px #616060;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 576px){.hero{flex-direction:column;justify-content:center}.content h1{font-size:26px}.content p:nth-of-type(1){font-size:22px}.content button{padding:10px;font-size:14px}.pic{text-align:center;width:70%;order:-1;padding-bottom:110px}.pic img{width:80%}}#nav-section{position:fixed;top:0;z-index:1000;padding-top:20px;width:100%}#nav-section .container{display:flex;justify-content:space-between;background-color:#d1d1d1;border-radius:20px;padding:0 20px;box-shadow:0 1px 12px #9e9e9e}.logo-nav div{padding:10px}.logo-nav p{font-size:35px;font-weight:700}.links{display:flex;justify-content:space-between;width:40%;align-items:center}.links div{font-size:18px;font-weight:500;color:#979797;font-weight:700}.links div a{text-decoration:none;color:inherit;transition:.5s;position:relative}.links div a:after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:2px;background-color:#ae1818;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.links div a:hover:after{transform:scaleX(1)}.links div a:hover,.links div a.active{color:#ae1818}.menu-icon{display:none;font-size:24px;cursor:pointer}.mobile-menu{display:none;flex-direction:column;position:fixed;top:55px;right:10px;background:#141414f2;border-radius:10px;text-align:center;padding:10px 0;box-shadow:0 4px 10px #0000004d;width:100px;font-size:8px;animation:slideDown .3s ease}.mobile-menu a{color:#fff;text-decoration:none;padding:10px 15px;display:block;font-size:16px;transition:background .3s;font-size:14px}.mobile-menu a:hover{background:#ae1818}.mobile-menu.show{display:flex;background:#00000042}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 576px){#nav-section .container{border-radius:10px;padding:0 15px}.logo-nav div{padding:8px}.logo-nav p{font-size:20px}.links{display:none}.links div{font-size:18px;font-weight:500;color:#979797;font-weight:700}.menu-icon{display:block;font-size:18px;align-items:center;display:flex;position:relative}}.card{border-radius:10px;width:400px;background-color:#939393;color:#fff;border:none;transition:.3s;box-shadow:0 1px 20px 4px #b4b4b4}.card:hover{transform:translateY(-10px);box-shadow:0 1px 20px 4px #6e6e6e}.card img{border-top-right-radius:10px;border-top-left-radius:10px}.desc{padding:15px 15px 20px}.desc>p{font-size:18px;font-weight:800}.links-card{display:flex;justify-content:space-between;width:60%}.links-card p{font-size:16px;transition:.3s}.links-card p:hover{color:#ae1818}@media (max-width: 576px){.card{width:100%}.desc{padding:15px 15px 20px}.desc>p{font-size:18px;font-weight:800}.links-card{display:flex;justify-content:space-between;width:60%}.links-card p{font-size:14px;transition:.3s}.links-card p:hover{color:#ae1818}}#projects-section{padding:120px 0 100px;background:linear-gradient(to top,#f9f9f9,#f9f9f9,#f9f9f9,#f9f9f9,#ddd,#9a9a9a);text-align:center}#projects-section .container>p{font-size:40px;color:#fff;font-weight:800;font-family:Playfair Display,sans-serif;padding-bottom:40px}.project{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width: 576px){#projects-section{padding:120px 0 100px}#projects-section .container>p{font-size:34px;padding-bottom:50px}.project{grid-template-columns:1fr}}#skills-section{height:60vh;padding:80px 0 40px}#skills-section .container{height:100%;display:flex;justify-content:center;flex-direction:column}#skills-section .container>p{text-align:center;font-size:42px;font-family:Playfair Display,serif;font-weight:800;padding-bottom:50px;color:#686868}.box-skills{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.box-skills div{text-align:center;padding-bottom:14px;color:#858484}.logo{transition:transform .3s ease,color .3s ease}.logo:hover{transform:scale(1.2)}@media (max-width: 576px){#skills-section{height:60vh;padding:40px 0}#skills-section .container>p{font-size:34px;padding-bottom:20px}.box-skills div{padding-bottom:8px}.logo img{width:40px}}