*{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,Arial,Helvetica,sans-serif}html{background-color:#161513;scroll-behavior:smooth}html::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track{background:#161513;border-radius:6px}html::-webkit-scrollbar-thumb{background:#9a33ff;border-radius:6px}.header-container{display:flex;justify-content:space-around;align-items:center;padding:10px 20px;background-color:#222}.header-container a img{width:80px;height:80px}.header-container ul{display:flex;gap:100px;list-style:none}.header-container ul li a{text-decoration:none;font-size:18px;color:#fff}.header-container ul li a:hover{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}header .menu{display:none;width:60px;height:60px;align-self:flex-end}header nav label{display:flex;flex-direction:column}header .hamburguer{background-color:#fff;position:relative;display:block;width:30px;height:2px;top:45px;transition:.5s ease-in-out}header .hamburguer:before,header .hamburguer:after{background-color:#fff;content:"";display:block;width:100%;height:100%;position:absolute;transition:.2s ease-in-out}header .hamburguer:before{top:-10px}header .hamburguer:after{bottom:-10px}header input{display:none}header input:checked~label .hamburguer{transform:rotate(45deg)}header input:checked~label .hamburguer:before{transform:rotate(90deg);top:0}header input:checked~label .hamburguer:after{transform:rotate(90deg);bottom:0}@media (max-width: 1000px){header .menu{display:block}header .header-container nav ul{display:none}header input:checked~ul{display:block}header nav{position:absolute;top:8px;right:20px;z-index:1}header nav ul{width:200px;background-color:#444;padding:10px;margin-top:5px;margin-right:30px}header nav ul a{display:block;text-align:center;padding:20px}}#Contact{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:80px 120px;background-color:#191919}#Contact span{color:#919191;font-size:14px}.contact-text h3{color:#fff;font-size:25px;font-weight:600;margin-bottom:35px}.contact-text p{text-align:justify;font-size:14px;font-weight:400;color:#c5c5c5;margin-bottom:25px;max-width:800px}.email-a{color:#c5c5c5;text-decoration:none;font-size:16px;font-weight:500}.email-a:hover{text-decoration:underline;color:#fff}.mail{color:#d8d8d8;margin-right:5px}.logos-social{display:flex;gap:30px;margin-top:40px;margin-bottom:30px}.logo-a{text-decoration:none;color:#fff;font-size:27px}.logo-a:hover{color:#cf95ff}#Experience{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:100px}#Experience h3{text-transform:uppercase;font-size:40px;font-weight:900;background:linear-gradient(90deg,#5badff,#1373d1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:60px}#Experience ul{list-style:none}#Experience ul li{max-width:850px;padding:20px;margin-bottom:50px}.container-text{display:flex;justify-content:space-between;margin-bottom:20px}.container-text p{font-size:14px;color:#8491a0}.logo-title{display:flex;gap:15px}.logo-title h5{font-size:20px;color:#fff}.logo-title img{width:35px;height:35px}#Experience ul li p{font-size:15px;color:#8491a0;text-align:justify}#Home{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#Home img.avatar{max-width:300px;margin-top:100px;margin-bottom:55px}.container{display:flex;flex-direction:column;justify-content:center;align-items:center}#Home h1,#Home h2{font-size:55px;font-weight:900;line-height:63px}#Home h1{color:#fff}#Home h2{background:linear-gradient(95deg,#ff8660 50%,#9a33ff 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:50px}#Home p{width:700px;font-size:18px;font-weight:200;color:#fff;margin-bottom:35px}.btns{margin-bottom:150px}.btns ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:25px}.btns ul li a{text-decoration:none;padding:15px 30px;border-radius:25px;font-size:22px;font-weight:600;cursor:pointer;transition:background-color .8s}a.GetContact-button{background-color:#fff;color:#161513}a.GetContact-button:hover{background:linear-gradient(95deg,#ff8660,#9a33ff);color:#fff}a.download-button{border:2px solid #fff;color:#fff}a.download-button:hover{border:2px solid #9a33ff;color:#9a33ff}.experience-with{margin-bottom:100px}.experience-with h4{text-transform:uppercase;color:#c5c5c5;font-size:22px;letter-spacing:2px;margin-bottom:55px}.experience-with ul{list-style:none;display:flex;gap:60px}@media (max-width: 1700px){.experience-with ul{display:grid;grid-template-columns:repeat(5,1fr);gap:40px}}@media (max-width: 1300px){.experience-with ul{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}}@media (max-width: 830px){#Home img.avatar{max-width:200px}#Home h1,#Home h2{font-size:45px}#Home p{width:500px;font-size:16px}.btns ul li a{font-size:17px}}@media (max-width: 550px){#Home h1,#Home h2{font-size:30px;line-height:43px}#Home p{width:300px;font-size:14px;font-weight:300}.btns ul li a{font-size:16px}}@media (max-width: 390px){#Home h1,#Home h2{font-size:23px;line-height:33px}#Home p{width:250px;font-size:13px;font-weight:400}.btns ul{flex-direction:column;gap:50px}}.Card{width:390px;height:300px;border-radius:20px;background-color:#2a2a2a;transition:.2s}.Card a{text-decoration:none}.Card:hover{border:1px solid #725b55;transform:scale(1.08)}.Card img{width:100%;height:235px;border-radius:20px 20px 2px 2px}.Card .text-box{display:flex;justify-content:space-between;align-items:center;padding:0 15px}.Card .text-box h3{text-transform:uppercase;font-size:18px;font-weight:600;color:#fff}@media (max-width: 424px){.Card{width:300px;height:300px}}#Projects{display:flex;flex-direction:column;justify-content:center;align-items:center}#Projects h2{text-transform:uppercase;font-size:40px;font-weight:900;background:linear-gradient(90deg,#ff8660,#d5491d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:40px}.container-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:100px}@media (max-width: 1300px){.container-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 850px){.container-cards{grid-template-columns:repeat(1,1fr)}}