canvas{position:fixed;top:0;left:0}main{position:absolute;color:#dcdcdc;display:grid;grid-template-columns:repeat(12,1fr);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.1em;margin:0 auto}header{grid-column:2 / span 6;background-color:#313131cc;margin-top:5%;margin-bottom:5%;padding:2%;display:flex;justify-content:space-around;border-radius:10px}section{grid-column:2 / 8;-webkit-user-select:none;user-select:none;background-color:#313131cc;margin-bottom:3%;padding:2%;border-radius:10px}.proyectos{display:flex;flex-direction:row;grid-column:2/12}.title{grid-column:2 / 12;padding:1%}.full-width{grid-column:2 / 12}.seccion-izq{grid-column:2/10}.seccion-der{grid-column:12/4}a{background-color:#457caf;color:#dcdcdc;padding:5px;text-decoration:none;text-transform:uppercase;border-radius:10px}a:hover{background-color:#555}a:active{background-color:#000}a:visited{background-color:#3a465fd9}a.see-more{display:flex;justify-content:center}img{height:20%;width:80%;border-radius:10px}@media screen and (max-width: 720px){main{font-size:.9em}header,section{grid-column:2 / 12}header{margin-top:325px}.proyectos{flex-direction:column;grid-column:2/12}}.parent{width:auto;margin:20px;perspective:1000px;border-radius:10px}.card{padding-top:50px;border-radius:10px;border:2px solid gainsboro;transform-style:preserve-3d;background:radial-gradient(circle,#dcdcdc,#457caf 10%,#000c 15%);background-size:15px 15px;background-position:0 0,0 0;width:100%;box-shadow:#8e8e8e4d 0 30px 30px -10px;transition:all .5s ease-in-out}.card:hover{background-position:-100px 100px,-150px 150px;transform:rotateY(30deg)}.content-box{background:#457caf;transition:all .5s ease-in-out;padding:60px 25px 25px;transform-style:preserve-3d;border-radius:10px;display:flex;flex-direction:column}.content-box .card-title{display:inline-block;color:#fff;font-size:25px;font-weight:900;transition:all .5s ease-in-out;transform:translateZ(50px)}.content-box .card-title:hover{transform:translateZ(60px)}.content-box .card-content{margin-top:10px;font-size:14px;font-weight:700;color:#f2f2f2;transition:all .5s ease-in-out;transform:translateZ(30px)}.content-box .card-content:hover{transform:translateZ(60px)}.content-box .see-more{cursor:pointer;margin-top:1rem;font-weight:900;font-size:14px;text-transform:uppercase;color:#156fc2;background:#fff;padding:10px;transition:all .5s ease-in-out;transform:translateZ(20px);border-radius:10px}.content-box .see-more:hover{transform:translateZ(60px)}.highlight:target{animation:highlight 4s}@keyframes highlight{0%{box-shadow:0 0 5px 8px #a1d2ff;border-radius:10px}}