*{margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{all:unset;cursor:pointer;display:inline-block}body{font-family:Outfit,sans-serif;background-color:#0d0d0d;color:#fefefe;background-position:center}@keyframes background-zoom{0%{background-size:100%}50%{background-size:160%}to{background-size:100%}}.separete-line{width:100%;height:1px;background-color:#fff;opacity:.2;margin:20px 0}header{display:flex;justify-content:space-between;gap:90px;align-items:center;padding:20px 25px;z-index:100;top:10px;width:1000px;font-size:14px;border-radius:10px;border:1px solid #ffffff0f;margin:30px auto 0}header ul{display:flex;align-items:center;gap:20px}.container{max-width:1500px;margin:0 auto}.color{color:#4193ff}.home{padding:50px 250px;z-index:2;position:relative}.home .s-home{margin:0 auto;display:grid;grid-template-columns:296px 1fr;gap:50px}.box1{background-color:#111;border-radius:10px;height:600px;position:sticky;top:20%;overflow:hidden;text-align:center}.box1 #userImage{height:320px;width:275px;object-fit:cover;border-radius:10px;align-self:center;margin:10px 0 10px 50%;transform:translate(-50%)}.box1 button{all:unset;cursor:pointer;margin-top:30px;background-color:#f3c462;padding:5px 20px;border-radius:5px;transition:all .7s ease;color:#191919}.box1 button:hover{background-color:#c9a24e}.box2{overflow:hidden}.box2 #about h1{font-size:50px;color:#f3c462}.box2 #about p{margin-top:20px;opacity:.7}.box2 #skills{margin-top:30px;position:relative}.box2 #skills #shadow{position:absolute;height:50%;width:100%;bottom:0;z-index:3;background:#1b1b1b;background:linear-gradient(90deg,#0d0d0d 0%,transparent 22%,transparent 82%,#0d0d0d 100%)}.box2 #skills #skills-itens{display:flex;gap:50px;margin-top:15px;animation:row-skills 10s linear infinite;width:"max-content";position:relative}.box2 #skills #skills-itens div{display:flex;align-items:center;gap:10px;opacity:.5}.box2 #skills #skills-itens div img{width:30px;height:30px;object-fit:contain;filter:grayscale(1)}.box2 #skills #skills-itens div p{font-size:20px;width:100%}@keyframes row-skills{0%{transform:translate(0)}to{transform:translate(-230%)}}.box2 #training{margin-top:50px}.box2 #training #card{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282828;padding:20px 10px}.box2 #training #card #date{font-size:12px;opacity:.5}.box2 #training #card div{width:50%;text-align:right;font-size:13px}.box2 .projects{margin-top:50px}.box2 .projects #card-container{gap:10px;display:flex;flex-direction:column;margin-top:20px}.box2 .projects #card-container #card{transition:1s ease;height:80px;overflow:hidden;position:relative;border-radius:10px}.box2 .projects #card-container #card:hover{height:300px}.box2 .projects #card-container #card img{transition:1s ease;width:100%;height:100%;object-fit:cover;object-position:top}.box2 .projects #card-container #card #blur{position:absolute;z-index:10;background-color:#0000005f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:80px;bottom:0;padding:15px 20px}