@import"https://fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@400;500;700&display=swap";header{background-color:#00000060;border-bottom:#6c6e7f solid 3px;position:sticky;top:0;z-index:200;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px)}header>nav{margin-block:1.5rem}header>nav>ul{list-style:none;display:flex;gap:75px}a{color:#fff;text-decoration:none;font-family:Roboto,sans-serif;font-weight:400;font-size:14px}#profileImage{border-radius:50%;width:30vw;aspect-ratio:1/1;box-shadow:20px 0 #0000007e;transform:translateY(0)}#nameTitle{color:#726fcc;font-family:Arial,Helvetica,sans-serif;font-size:3rem;text-align:center}#about-me{flex-direction:row;text-align:center;justify-content:space-around;align-items:center}#description{display:flex;flex-direction:column;align-items:center}p{color:beige;font-family:Open Sans,Helvetica,sans-serif;text-wrap:pretty;font-size:1rem;margin-block:1.5rem;width:300px}#info{width:50%;margin:2rem}#buttons-aboutme{display:flex;gap:10px;border:none;width:100%}#buttons-aboutme>*{display:flex;align-items:center;justify-content:center}#buttons-aboutme>*:hover{background-color:#6570e4;cursor:pointer}@media (max-width: 1100px){#about-me{flex-direction:column-reverse;align-items:center;transform:scale(.85);padding-inline:0}#info{text-align:center}#profileImage{width:50vw}#buttons-aboutme{display:flex;flex-direction:column;align-items:center;margin:0}#buttons-aboutme>*{width:180%}}.project-card{position:relative;background-color:#46556b;transition-property:transform box-shadow;transition-duration:.3s;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.project-card:hover{transform:scale(1.04);box-shadow:0 0 10px #726fcc}.project-card>img{width:100%}.name-and-icons>h2{font-family:Roboto;font-size:1.5rem;color:beige}.project-info>p{font-family:Roboto;margin-left:2rem;color:beige;font-size:1rem}.tecnology-container{display:flex;justify-content:center;gap:0px}.tecnology-container>*{width:2em;aspect-ratio:1/1}.name-and-icons{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:20px;width:100%}@media (max-width: 1000px){.name-and-icons{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;place-items:center}}#projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));grid-auto-rows:minmax(1fr,200px);width:80%;gap:10px;margin:4rem}#experience-tecnologies-images{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#experience-tecnologies-images>*{width:5rem;height:5rem;color:wheat;aspect-ratio:1/1}#info-experience{display:flex;justify-content:space-around;padding:4rem;gap:30%}#info-experience>div>p{font-family:Open Sans;font-size:1.2rem;font-weight:400}@media (max-width: 1100px){#experience-tecnologies-images{position:absolute;z-index:0;filter:brightness(30%) blur(3px)}#info-experience>div>p{position:relative;font-family:Open Sans;font-size:1.2rem;font-weight:400;z-index:2}}footer{background-color:#00000060;z-index:2;padding:2rem;display:flex;justify-content:space-between;align-items:center}#name-url{color:#34ba9f;text-decoration:none;font-family:Roboto,sans-serif;font-weight:400;font-size:14px}#icons-footer{display:flex;gap:1rem}#icons-footer>a>*{width:2rem;height:2rem}*{transition:all .3s ease!important}html{scroll-behavior:smooth}.background{position:fixed;background-image:linear-gradient(45deg,#1c2f4b,#95aac9,#27508f,#1c2f4b,#1c2f4b,#95aac9,#27508f,#1c2f4b,#1c2f4b,#95aac9,#27508f,#1c2f4b);background-size:800% 800%;animation-name:bg;animation-duration:20s;animation-iteration-count:infinite;animation-direction:alternate-reverse;width:100%;height:100vh}@keyframes bg{0%{background-position:0% 50%}to{background-position:100% 50%}}#root{position:absolute;top:0;width:100%;height:fit-content;display:flex;flex-direction:column}body{margin:0}article{display:flex;flex-direction:column;align-items:center;position:relative;margin-block:6rem;margin-inline:4rem;gap:20%;background-color:#313e50;box-shadow:0 0 20px #313e50}.titleArticle{font-family:Roboto,Impact;font-size:40px;color:wheat;margin-bottom:6rem}.btn{font-weight:400;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:1rem;background-color:#414bb2;color:beige;border:none;border-radius:3px;transition:background-color .3s;padding:.7rem;width:50%}@media (max-width: 1100px){article{margin-inline:1rem}}