section{width:100vw;height:91vh}.hero{min-height:80vh;display:grid;grid-template-columns:6fr 6fr;align-items:center}.hero-text{font-size:1.4rem;width:90%;padding:40px 40px 40px 110px;position:relative;z-index:4}.resaltedtext{color:var(--secondary-color)}.hero-text p{text-align:initial;font-weight:600}.hero-btn{display:flex;justify-content:center}.hero-div{display:flex;justify-content:center;align-items:center}.hero-img{max-height:100%;-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:rotate(15deg);position:relative;z-index:3}.btn-primary,.btn-secondary{font-size:1.4rem;padding:.5rem 2rem;margin:1rem;box-shadow:6px 6px 0 2px #000;transition:box-shadow .3s ease}.btn-primary{background-color:var(--secondary-color);border:solid 4px black;color:#fff}.btn-secondary{background-color:var(--third-color);border:solid 4px black;color:var(--black)}.btn-primary:hover,.btn-secondary:hover{box-shadow:10px 10px 0 2px #000}@media (max-width: 1150px){.hero{display:block;height:auto}.hero-img{max-width:50%;position:absolute;top:100px;z-index:3}.hero-text{padding:150px 0% 0%;margin:auto}}@media (max-width: 900px){main{padding:0!important}.hero-div{margin:0}}.projects{width:auto;height:auto;background-color:var(--third-color);margin:0;padding:50px;position:relative;z-index:2;border-bottom:solid 6px black;border-top:solid 6px black}.background-glitch{background-color:#fff;box-shadow:10px 10px 0 2px #000;background-color:var(--secondary-color);border:solid 4px black;padding:10px;margin-bottom:50px;font-weight:800}.project-link{text-decoration:none;position:relative}.container-project{min-height:380px;background-color:#fff;box-shadow:10px 10px 0 2px #000;border:solid 4px black;margin-bottom:50px;display:flex}.container-project h1{font-size:5.3rem;margin:20px;font-weight:900}.project-main{width:65%;position:relative;z-index:2}.magic{position:absolute;z-index:1}.magic video{width:80%;height:380px}mark{background-color:var(--primary-color);color:#fff}.mark-dos{background-color:var(--third-color);color:#000;font-size:1rem;font-weight:600;padding:5px;border:solid 4px black;border-radius:25px;margin-right:15px;box-shadow:4px 4px 0 2px var(--secondary-color)}.project-topics{color:#000;margin:10px;display:inline-flex}.project-ticket{width:45%;border-left:dashed 5px black;background-color:var(--secondary-color);position:relative;z-index:2;padding:20px}.project-goto{background-color:var(--third-color);border:solid 4px black;color:var(--black);padding:10px;margin-top:20px;margin-bottom:20px;box-shadow:6px 6px 0 2px #000;font-weight:600;transition:box-shadow .3s ease}.project-goto:hover{background-color:var(--primary-color);box-shadow:10px 10px 0 2px #000}@media (max-width: 1100px){.project-topics{display:none!important}}@media (max-width: 1000px){.container-project h1{font-size:4rem}}@media (max-width: 750px){.container-project h1{font-size:3.4rem}}@media (max-width: 600px){.container-project h1{font-size:3rem}}.tecnologies{padding:50px;height:500px}.tecnologies h1{font-weight:800;position:relative;z-index:2}.parent{margin-top:25px;margin-bottom:50px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:25px;grid-row-gap:25px;transform:rotate(-12deg);position:relative;top:-100px;left:-20px;z-index:1}.tecno-box{background-color:#fff;box-shadow:10px 10px 0 2px #000;border:solid 4px black;transition:box-shadow .3s ease}.tecno-img{filter:grayscale(100%) brightness(0%)}.tecno-box:hover{box-shadow:16px 16px 0 2px #000}.tecno-img:hover{filter:grayscale(100%) brightness(0%) invert(100%)}.div1:hover,.div4:hover,.div7:hover,.div10:hover{background-color:var(--primary-color)}.div2:hover,.div5:hover,.div8:hover{background-color:var(--secondary-color)}.div3:hover,.div6:hover,.div9:hover{background-color:var(--third-color)}.div1{grid-area:1 / 1 / 2 / 2}.div2{grid-area:1 / 2 / 2 / 3}.div3{grid-area:1 / 3 / 2 / 4}.div4{grid-area:1 / 4 / 2 / 5}.div5{grid-area:1 / 5 / 2 / 6}.div6{grid-area:2 / 1 / 3 / 2}.div7{grid-area:2 / 2 / 3 / 3}.div8{grid-area:2 / 3 / 3 / 4}.div9{grid-area:2 / 4 / 3 / 5}@media (max-width: 1150px){.parent{width:100vw;top:-30px;left:-40px}}@media (max-width: 900px){.parent{width:110vw;top:-30px;left:-100px}}@media (max-width: 800px){.parent{width:120vw;top:-30px;left:-100px}}@media (max-width: 700px){.parent{width:135vw;top:-30px;left:-150px}}.mail{width:265px;padding:25px;background-color:#000;color:#fff;position:relative;transform:rotate(18deg);left:80%;border:2px solid #fff;box-shadow:10px 10px 0 2px #000}.contacto{position:relative;z-index:2;background-color:var(--primary-color);border-top:solid 6px black;padding:50px;height:auto;border-bottom:solid 6px black}.form-container{margin:auto auto 50px;display:flex;flex-direction:column;justify-content:center;background-color:var(--secondary-color);border:solid 6px black;padding:50px;box-shadow:10px 10px 0 2px #000}.formulario{background-color:#fff;margin:auto auto 20px;width:95%;box-shadow:6px 6px 0 2px #000;border:solid 4px black;font-size:1.4rem}input{height:40px}textarea{max-height:200px}button{background-color:var(--third-color)!important;font-size:1.6rem;font-weight:600;transition:box-shadow .3s ease;height:60px}button:hover{box-shadow:10px 10px 0 2px #000;color:#fff}.blog-section{padding:50px;height:auto}.blog-row{display:flex;margin-bottom:50px}.blog-section-intern{width:45%;height:300px;margin:auto;background-color:#000;border:solid 6px black;box-shadow:10px 10px 0 2px #000;display:flex}.izquierda{width:20%;height:100%;padding:10px;background-color:var(--third-color);border-right:solid 6px black;writing-mode:vertical-rl;text-orientation:mixed;overflow:scroll}.izquierda p{font-weight:600;font-size:1.5rem;margin:0}.derecha{width:80%;background-size:100% auto;padding:20px}.derecha:hover .mark-blog{border-bottom:solid 6px var(--third-color);color:var(--third-color)}.izquierda:hover{border-right:dashed 6px black}.derecha1{background-image:url(/1.jpeg);background-size:100% 100%}.derecha2{background-image:url(/2.jpeg)}.derecha3{background-image:url(/3.jpeg);background-size:100% 100%}.derecha4{background-image:url(/4.jpeg)}.mark-blog{font-size:2.4rem}@media (max-width: 1150px){.mark-blog{font-size:1.8rem}}@media (max-width: 800px){.mark-blog{font-size:1.5rem}}.pandas{display:flex;align-items:center;justify-content:center}