.projects-layout{text-align:center}.projects-layout img{width:40vw}@media screen and (max-width: 768px){.projects-layout img{width:75vw}}.projects-layout p{padding-top:2rem}.projects-layout a{text-decoration:none;background-color:#ac1e1e;font-weight:700;color:#fff;padding:.7rem;border-radius:30%;font-size:15px}.projects-detail{padding:2rem;font-size:.8rem;font-weight:700}.projects-unitary{padding:.2rem .2rem 2rem;border-bottom:1px solid red}.technologies-container{margin-bottom:1rem}.technologies-container .technologies-grid{display:flex;flex-wrap:wrap;gap:1.5rem}.technologies-container .technologies-grid .technology-card{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;border:1px solid #333;border-radius:10px;justify-content:space-around}.technologies-container .technologies-grid .technology-card h3{color:#fff}.technologies-container .technologies-grid .technology-card svg{font-size:6rem}.technologies-container .technologies-grid #html svg{color:#ac1e1e}.technologies-container .technologies-grid #css svg{color:#ac1e1e}.technologies-container .technologies-grid #js svg{color:#ac1e1e}.technologies-container .technologies-grid #node svg{color:#ac1e1e}.technologies-container .technologies-grid #python svg{color:#ac1e1e}.technologies-container .technologies-grid #react svg{color:#ac1e1e}@media screen and (max-width: 769px){.technologies-container .technology-card{width:85vw}.technologies-container .technology-card svg{width:3rem}}@media (min-width: 769px) and (max-width: 1024px){.technologies-container .technology-card{width:85vw}.technologies-container .technology-card svg{width:4rem}}@media screen and (min-width: 1024px){.technologies-container .technology-card{width:85vw}.technologies-container .technology-card svg{width:5rem}}@media screen and (min-width: 1310px){.technologies-container .technology-card{width:48%}.technologies-container .technology-card svg{width:6rem}}#main-content{background-color:#111;flex:2 1 0;border-radius:10px;padding:1rem;border:1px solid black}#main-content section{display:flex;flex-direction:column;padding-top:2rem}#main-content h2{color:#fff;font-size:2.2rem;margin-bottom:1.3rem;display:flex;justify-content:center;align-items:center;justify-content:start;gap:2rem}#main-content h2:after{content:"";background:#ac1e1e;height:3px;width:60%}#main-content p{color:#fff;margin-bottom:1rem;line-height:1.4rem}#social-networks{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1rem 0}#social-networks .social-btn{padding:.6rem;background-color:#1d1d1d;border-radius:5px;color:#333;font-size:1.3rem;display:flex;justify-content:center;align-items:center}#social-networks #linkedin{color:#0072b1}#social-networks #github{color:#111}#social-networks #instagram{color:#bc2a8b}#social-networks :hover{background:#ac1e1e}#social-networks :hover>svg{color:#000}#sidebar{background-color:#111;border-radius:10px;display:flex;align-items:center;flex-direction:column;text-align:center;border:1px solid black;height:53vh;width:20vw}#sidebar .title{color:#fff;background-color:#1d1d1d;border-radius:5px;margin-top:3.5rem;padding:.8rem 1.2rem}#sidebar .btn{padding:1rem 1.2rem;color:#fff;background:#ac1e1e;text-decoration:none;border-radius:3rem}@media screen and (max-width: 769px){#sidebar{width:100%;height:90vh}}@media screen and (min-width: 769px){#sidebar{width:100vw;height:70vh}}@media screen and (min-width: 1310px){#sidebar{width:30vw}}#information{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:transparent;padding:1rem 1rem 0rem;margin-top:2rem;margin-bottom:2rem;text-align:left;width:80%;border-radius:5px}#information .info-card{display:flex;justify-content:center;align-items:center;justify-content:start;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #444;width:100%}#information .info-card h3{color:#a6a6a6;font-size:.9rem;margin-bottom:.5rem}#information .info-card p{color:#fff;font-weight:700}#information .info-card svg{background-color:transparent;padding:.4rem;width:2rem;height:2rem;border-radius:5px;color:#ac1e1e}@media screen and (max-width: 768px){#information p{font-size:.8rem}}#portfolio{display:flex;flex-wrap:wrap;padding:1rem;gap:3rem}#portfolio h1{width:100%;font-size:5rem;margin-bottom:4rem;background:#111010;text-align:center;-webkit-text-fill-color:white;border:3px solid #ac1e1e;border-top:none;border-left:none;border-right:none}@media screen and (max-width: 768px){#portfolio h1{font-size:3rem}#portfolio #portfolio{padding:0}}*{padding:0;margin:0;font-family:Helvetica;box-sizing:border-box}body{background-color:#000}a,svg{transition:.4s}