body{background-color:#080808}*{scroll-behavior:smooth;font-family:Work Sans,sans-serif;color:#fff}.SkillsDiv{display:flex;align-items:center;flex-direction:column}@keyframes appear{0%{opacity:0}to{opacity:1}}.NavBar{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;background-color:#0c0c0c;width:100%;position:fixed;top:0;left:0;padding:10px;z-index:1}.NavBar a{color:#f0f0f0;text-decoration:none;padding:10px 15px;transition:background-color .3s ease;border-bottom:1px solid rgb(255,255,255)}#home{display:flex;flex-direction:row;align-items:center;justify-content:space-around;text-align:start;padding:100px;gap:100px}#home p{font-size:1.6rem;color:#fff}#home h1{font-size:43px;color:#fff;margin-bottom:20px}.buttonProjects{padding:15px 25px;margin-top:20px;font-size:1.2rem;color:#fff;background-color:#12bcfa;border:none;border-radius:30px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;margin-left:0}.buttonServices{padding:15px 25px;margin-top:20px;font-size:1.2rem;color:#fff;background-color:transparent;border:2px white solid;border-radius:30px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;margin-left:30px}#home button:hover{background-color:#12bcfa;animation:pulse 1s}@keyframes pulse{0%{box-shadow:0 0 #12bcfa}70%{box-shadow:0 0 0 50px #21d42100}to{box-shadow:0 0 #21d42100}}#home img{margin-top:30px;width:350px;border-radius:100px}.SobreHome{width:500px}@media screen and (max-width: 840px){#home{flex-direction:column;padding:100px 0 0}#home img{margin:0;width:150px;border-radius:40px;box-shadow:#333}#home p{font-size:1.3rem;color:#fff}#home h1{font-size:28px;color:#fff;margin:0;gap:0px}.SobreHome{width:350px}}.Skills{display:flex;flex-wrap:wrap;justify-content:center;justify-content:space-evenly;align-items:center;margin:20px;text-align:center}.skillName{font-size:1.1rem}#skills h1{margin-bottom:80px;font-size:2rem}#skills h2{color:#8a8a8a2c}#skills{position:relative;text-align:center;padding-bottom:95px;padding-top:95px;margin-bottom:100px}.backgroundText{font-size:100px;background-color:#7c7c7c00;position:absolute;top:80px;left:0;right:0;margin:0}.Skill{background-color:#232323;border-radius:20px;width:200px;padding:10px;height:110px}#about{padding-top:120px;padding-bottom:80px;display:flex;align-items:center;justify-content:space-between;gap:125px;flex-wrap:wrap}#about img{width:325px;border-radius:50px}.about-content{width:600px;padding:50px 80px 60px;background:#000000f3;border-radius:20px;border:1px solid rgb(83,83,83)}.AboutMe{text-align:left;background-image:url(/Portfolio/assets/PersonaGirl2-DwdrU4gQ.png);background-size:cover;background-position:center;background-repeat:no-repeat}.about-content h1{font-size:36px;margin-bottom:60px}.about-content h2{font-size:26px;margin-bottom:60px;font-style:italic}.about-content p{font-size:18px;line-height:1.5}.about-content span{font-weight:700}@media screen and (max-width: 1270px){#about{flex-direction:column;padding:0;gap:0px}#about img{display:none}.about-content{width:700px;padding:60px;background:#000000f3}}@media screen and (max-width: 840px){.about-content{width:auto;padding:40px 100px 0;background:#000000f3}}.Project img{width:250px;border-radius:20px}.Project{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;width:300px;background-color:#f3f3f3;padding:20px;border-radius:15px}.Project a{text-decoration:none;color:#333;margin-top:20px}.Project h3{color:#171717;letter-spacing:2px}.AllTheProjects{display:flex;flex-direction:row;justify-content:center;justify-items:center;align-items:center;border-radius:40px;flex-wrap:wrap;gap:20px}.AboutTheProjects{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;padding-top:80px;padding-bottom:80px;font-size:2rem;color:#333}.AboutTheProjects img{width:100%;height:100%}#contact{text-align:center;padding:40px}.contactIcons{display:flex;align-items:center;justify-content:space-around;margin-top:20px}.contactIcons a img{width:80px;height:80px;transition:transform .3s,box-shadow .3s;border-radius:8px}.contactIcons a img:hover{transform:scale(1.2);box-shadow:0 4px 15px #cacaca33}#contact h1{color:#fff;font-size:2rem}footer{padding-top:90px}#services{padding:0;margin:0;width:96vw;height:99vh;background-image:url(/Portfolio/assets/PersonaChar-CYtvSuwj.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:20px}.BackGround{border-radius:30px;background-color:#000000e0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.AboutTheServices{text-align:center;color:#fff;font-size:28px}.AllTheServices{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:30px}.AllTheServices a{border:1px solid rgb(100,100,100);background-color:#020202;width:300px;height:300px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;text-decoration:none;border-radius:15px}.WebDev{background-image:url(/Portfolio/assets/Pc-CZx_NyyR.png);background-size:80px;background-position:center 50px;background-repeat:no-repeat}.AllTheServices a:hover{background-color:#131313;animation:pulse2 .4s}@keyframes pulse2{0%{box-shadow:0 0 #a8a8a8}70%{box-shadow:0 0 0 60px #21d42100}to{box-shadow:0 0 #21d42100}}