@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";.bento-container{padding:30px 0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:10px}.bento-container-mq{display:grid;gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,1fr);padding:30px 50px}.bento-item{background-color:#333;position:relative;border-radius:5%;overflow:hidden}.bento-item img.logo{width:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}div.about{text-align:left;padding:10px 20px;border-radius:20px}.contact{padding:20px 0}.contact-items{margin-top:30px;display:flex;align-items:center;justify-content:space-between}.contact-items .contact-form{display:flex;flex-direction:column;gap:20px}.contact-items .contact-form label{display:flex;flex-direction:column;gap:2px;width:300px}.contact-items .contact-form label input,.contact-items .contact-form label textarea{border:none;outline:none;padding:10px 15px;border-radius:10px;font-size:16px}.contact-items .contact-form label textarea{resize:none}.contact-items .contact-form button{color:#fff;background-color:#6fff00a4;font-size:20px;font-weight:700;border:none;padding:15px 20px;border-radius:10px;font-family:Courier New,Courier,monospace;cursor:pointer;box-shadow:0 8px 16px #0003,0 6px 20px #00000030}.contact-media{display:flex;flex-direction:column;gap:20px}.contact-media .links{display:flex;align-items:center;justify-content:space-between}.contact-media .links a i{font-size:60px}.contact-media a.btn{background-color:#6fff00a4;padding:15px 20px;border-radius:10px;font-weight:700;font-size:16px;justify-self:center;font-family:Courier New,Courier,monospace;box-shadow:0 8px 16px #0003,0 6px 20px #00000030}@media only screen and (max-width: 710px){.contact-items{flex-direction:column;gap:40px;margin-bottom:20px}}#proyects{padding:50px 0}#proyects .project-list{margin-top:20px;display:flex;flex-wrap:wrap;gap:20px 30px;align-items:center;justify-content:center}#proyects .project-list .card{height:250px;width:300px;border:white 1px solid}.techs{display:flex;gap:5px}.techs img{width:20px}.card{background-position:center center;background-size:cover;position:relative;border-radius:5%;overflow:hidden;height:100%;width:100%}.card .description{background-color:#0009;padding:5px 15px;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:absolute;bottom:-75%;transition:bottom 1s ease;width:100%}.card .description .proyect-head h3 a{text-decoration:underline}.card .description .proyect-head{padding:10px 0}body{overflow-x:hidden}.skills{padding:40px 20px}.skills .list{margin-top:20px;display:flex}.skills img{width:80px;margin-bottom:20px}.gradient{-webkit-mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);display:flex}.marquee-item{display:flex;flex-direction:column;align-items:center;margin-right:70px;justify-content:space-between;padding-bottom:10px}*{box-sizing:border-box;margin:0;padding:0;font-family:roboto}.app{background:linear-gradient(180deg,#000 40%,#272727);min-height:100vh;color:#fff}a{text-decoration:none;color:#fff}a:visited{color:#fff}header{display:flex;justify-content:space-between;padding:10px 20px;align-items:center}header span.brace{color:#70ff00}header h1{color:#828282}header h1 span.amarilla{color:#fff}.btn{color:#fff;margin:0 10px;font-weight:700;cursor:pointer;text-decoration:none}.btn.contact{border:2px solid #22ff008e;border-radius:4px;padding:5px 13px}.title{color:#70ff00}.title span{color:#fff}.container{max-width:800px;margin:0 auto;overflow:hidden}.bg-black{background-color:#161616}.app footer.bg-black{text-align:center}@media only screen and (max-width: 710px){header#header{align-items:center;justify-content:center}.hide-mq{display:none}.title{text-align:center}}