:root{--logotipo:#1a1a1a;--profesion:#f2f2f2;--primario:#ff2e2e}*{box-sizing:border-box;margin:0;padding:0}.logotipo{position:absolute;top:300px}.container{width:600px;left:0;right:0;margin-left:auto;margin-right:auto;min-width:400px;justify-content:center;align-items:center}a{text-decoration:none;color:#fff;outline:0}.logotipo{padding:10px;border:5px solid var(--logotipo);color:var(--logotipo)}.logotipo .subtitulo{text-align:center;color:var(--profesion);background:var(--logotipo);padding:12px 20px;transition:.5s ease all;font-size:15px;font-family:'Noto Sans',sans-serif;text-transform:uppercase;letter-spacing:2px}.logotipo:hover .subtitulo{background:var(--primario)}.texto-animado{display:flex;justify-content:center;overflow:hidden}.texto-animado>div{display:flex;flex-direction:column;position:relative;transition:.3s ease all}.texto-animado>div.animacion{transform:translateY(-100px)}.texto-animado>div span{font-size:50px;font-weight:400;line-height:50px}.texto-animado .segunda-linea{position:absolute;top:100px}@media screen and (max-width:600px){.texto-animado>div span{font-size:20px;line-height:30px}.texto-animado .segunda-linea{top:50px}.texto-animado>div.animacion{transform:translateY(-50px)}.logotipo .subtitulo{font-size:8px}}div.image{background-color:red;background:radial-gradient(circle,#ff7e7e 0,#ff0000100%)}#armsandmic,#forearms,#tatdove,.cross{animation:armsandmic 1s infinite linear;transform-origin:bottom;transform-box:fill-box}@keyframes armsandmic{0%{transform:rotateZ(-1deg)}50%{transform:rotateZ(1deg)}100%{transform:rotateZ(-1deg)}}#of{animation:fire 2s infinite linear;transform-origin:bottom;transform-box:fill-box;animation-timing-function:cubic-bezier(.04,.93,1,1)}@keyframes fire{0%{transform:translatey(0)}10%{transform:translatey(-10px)}50%{transform:translatey(120px)}100%{transform:translatey(0)}}.st3{animation:st3 1.5s infinite ease-in-out;transform-origin:bottom;transform-box:fill-box}@keyframes st3{0%{transform:skewY(-5deg)}50%{transform:skewY(0)}100%{transform:skewY(-5deg)}}*{padding:0;margin:0;box-sizing:border-box;transition:all 1s ease}canvas{position:fixed;top:0;left:0}:root{--dark-bg:rgba(255, 255, 255, 0.2);--br:10px;--border:solid 1px rgba(255, 255, 255, 0.5);font-weight:400;font-style:normal;--bg-color:rgb(20, 20, 20);--card-color:rgb(23, 23, 23);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}main{width:100%;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;padding:120px 0 0;display:grid;grid-template-columns:repeat(12,1fr);scroll-behavior:smooth}h1{font-size:1em}h1:hover{cursor:vertical-text;color:#ff0}p:hover{cursor:vertical-text;color:#ff0}p.allow:hover{cursor:vertical-text;transform:translateX(10%)}h2:hover{color:#ff0;cursor:vertical-text}h4:hover{cursor:vertical-text;transform:translateX(20%)}h5:hover{cursor:vertical-text;transform:translateX(10%)}blockquote,h3{font-family:elevon,sans-serif;font-weight:700;font-style:normal}pre{padding-top:25px}h2{text-align:center;font-size:1em}h4{font-weight:bolder;font-size:.4em;color:#00fff2}h5{font-weight:bolder;font-size:.4em;color:#00fff2}canvas{position:fixed;top:0;left:0}p.title{text-align:center}p.allow{font-weight:bolder;font-size:.8em}header{background:var(--dark-bg);grid-column:3/span 4;font-size:2.5rem;padding:2rem;margin-top:20%;margin-bottom:450px;backdrop-filter:blur(15px);border:var(--border);border-radius:var(--br);box-shadow:0 10px 20px 5px rgba(0,0,0,.5)}section{grid-column:4/span 6;padding:1rem;background:var(--dark-bg);font-size:1.25rem;line-height:1.5;margin-bottom:350px;border-radius:var(--br);overflow:hidden;border:var(--br);backdrop-filter:blur(10px);border:var(--border);box-shadow:0 5px 15px 2px rgba(0,0,0,.15)}blockquote{margin:0;padding:0;grid-column:2/span 9;margin-top:350px;padding-bottom:50px}blockquote p{font-size:10rem;display:inline;line-height:.8;text-shadow:0 0 85px rgba(255,255,255,.7);letter-spacing:-10px}.left{grid-column:3/12}img{width:100%;opacity:50%}img:hover{opacity:100%}iframe{width:100%}.container,svg.scott{max-width:75vw;margin:auto;justify-content:center;align-items:center}p a:hover{color:#000;text-shadow:0 0 205px #fff}@media (max-width:950px){main{width:100%;color:#fff;z-index:99;position:absolute;width:100%;margin:50px auto;padding:0 0 0;display:grid;grid-template-columns:repeat(12,1fr);scroll-behavior:auto}h1{font-size:.9em}blockquote,h3,p{font-size:.4em}h5{font-size:.2em}header{grid-column:2/span 7;padding:1rem}blockquote p{margin-top:350px;font-size:4rem;text-shadow:0 0 95px rgba(255,255,255,.7);letter-spacing:-7px}section{grid-column:2/span 10;padding:1rem;font-size:1.25rem;line-height:1.5;margin-top:50px;margin-bottom:150px}.left{grid-column:2/12}}@media (max-width:512px){iframe{width:73vw;height:73vw}}@media (max-width:300px){iframe{width:68vw;height:68vw}.container,svg.scott{max-width:66vw}h1{font-size:.7em}blockquote p{font-size:3rem}}body{display:flex;height:100vh}#cards{display:inline-block;gap:25px;max-width:916px;width:calc(100% - 20px);grid-column:3/-1;margin-bottom:500px}#cards:hover>.card::after{opacity:1}.card{background-color:rgba(255,255,255,.1);border-radius:10px;cursor:pointer;display:flex;height:260px;flex-direction:column;position:relative;width:300px}.card:hover::before{opacity:1}.card::after,.card::before{border-radius:inherit;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%}.card::before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);z-index:3}.card::after{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.4),transparent 40%);z-index:1}.card>.card-content{background-color:var(--card-color);border-radius:inherit;display:flex;flex-direction:column;flex-grow:1;inset:1px;padding:10px;position:absolute;z-index:2}h1,h2,h3,h4,span{color:#f0f0f0;margin:0}i{color:#f0f0f0}.card-info-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:flex-start;padding:0 20px}.card-info{align-items:flex-start;display:flex;gap:10px}.card-info>i{font-size:1em;height:20px;line-height:20px}.card-content>img{overflow:hidden}.card-info-title>h3{font-size:1.1em;line-height:20px}.card-info-title>h4{color:rgba(255,255,255,.5);font-size:.85em;margin-top:8px}@media(max-width:1000px){body{align-items:flex-start;overflow:auto}#cards{max-width:1000px;padding:10px 0}.card{flex-shrink:1;width:200px}}@media(max-width:500px){.card{height:180px}.card-image{height:80px}.card-image>i{font-size:3em}.card-info-wrapper{padding:0 10px}.card-info>i{font-size:.8em}.card-info-title>h3{font-size:.9em}.card-info-title>h4{font-size:.8em;margin-top:4px}}@media(max-width:320px){.card{width:100%}}#youtube-link{bottom:10px}#youtube-link>i{color:#ef5350}#source-link{bottom:60px}#source-link>i{color:#5e6ad2}.link{align-items:center;backdrop-filter:blur(3px);background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:2px 2px 2px rgba(0,0,0,.1);cursor:pointer;display:inline-flex;gap:5px;left:10px;padding:10px 20px;position:fixed;text-decoration:none;z-index:100}.link:hover{background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.link>i,.link>span{height:20px;line-height:20px}.link>span{color:#fff}