*{margin:0;padding:0}body{display:flex;justify-content:center;width:100%;height:100vh;overflow-x:hidden;background:#000;background-size:50px 50px;background-image:linear-gradient(to right,#4b4a4b,transparent 1px),linear-gradient(to bottom,#4b4a4b,transparent 1px)}a{color:#fff;font:.7rem Inconsolata,monospace;text-shadow:0 0 7px #c8c8c8}main{width:100vw;height:200vw;z-index:99;position:absolute;justify-content:center}#background-shadow{position:fixed;width:100%;height:100%;z-index:3;pointer-events:none;background:#fff;background:radial-gradient(circle,#fff0 20%,#000 80%)}@media (prefers-reduced-motion: no-preference){@keyframes appear-right{60%{opacity:0;scale:.55}90%{opacity:.6;scale:.77}to{opacity:1;scale:.88}}.box-left,.box-right{opacity:0;scale:.8;animation:appear-right linear forwards;view-timeline:--subjectReveal block;animation-timeline:--subjectReveal;animation-range-start:entry 0%;animation-range-end:50%;animation-duration:2ms}.buttons-row{opacity:0;scale:0;animation:appear-right linear forwards;view-timeline:--subjectReveal block;animation-timeline:--subjectReveal;animation-range-start:entry 0%;animation-range-end:50%;animation-duration:2ms}}.box{width:100%;display:flex}.box-left,.box-right{border-radius:2mm;flex:1;box-sizing:border-box;padding:10px}.box-right{border:3px solid white;background:#630979;background:linear-gradient(0deg,#63097999 11%,#0005ff99)}.box-info{color:#dadcdd;font:.8rem Inconsolata,monospace;text-shadow:0 0 7px #c8c8c8}#contact>#contact-box{text-align:center;position:sticky;top:500px}#contact{height:900px;place-content:flex-start;justify-content:center}#cv{height:800px;place-content:flex-start;justify-content:center}#cv>#cv-box{text-align:center;position:sticky;top:200px}.section{flex:auto;min-height:60vh;font-size:4vh;width:100%;display:grid;place-content:center}#intro{background-color:#000;min-height:100vh;z-index:7}#about{margin-top:150px}#proyects{margin:0;padding:0;min-height:100vh}#proyects>.box>.box-right{margin-top:70px;margin-bottom:180px}.buttons-row{display:inline;columns:3;padding-left:none;position:relative;z-index:10}.proyect-btn{height:100%px;min-width:100px;background:none;font-size:10px;color:#fff;border:2px solid white;padding:5px;margin-right:20px;text-align:center;transition:.2s;z-index:200}.proyect-btn:hover{cursor:pointer;text-shadow:0 0 5px white,0 0 7px white}.proyect-btn:active{scale:.95;background:#4b4a4b}#Container3D{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.switch{position:relative;display:inline-block;margin:0 5px}.switch>span{position:absolute;top:14px;pointer-events:none;font-family:Helvetica,Arial,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.06);width:50%;text-align:center}input.check-toggle-round-flat:checked~.off{color:#0005ff}input.check-toggle-round-flat:checked~.on{color:#fff}.switch>span.on{left:0;padding-left:2px;color:#0005ff}.switch>span.off{right:0;padding-right:4px;color:#fff}.check-toggle{position:absolute;margin-left:-9999px;visibility:hidden}.check-toggle+label{display:block;position:relative;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input.check-toggle-round-flat+label{padding:2px;width:97px;height:35px;background-color:#630979;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px}input.check-toggle-round-flat+label:before,input.check-toggle-round-flat+label:after{display:block;position:absolute;content:""}input.check-toggle-round-flat+label:before{top:2px;left:2px;bottom:2px;right:2px;background-color:#630979;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;border-radius:60px}input.check-toggle-round-flat+label:after{top:4px;left:4px;bottom:4px;width:48px;background-color:#fff;-webkit-border-radius:52px;-moz-border-radius:52px;-ms-border-radius:52px;-o-border-radius:52px;border-radius:52px;-webkit-transition:margin .2s;-moz-transition:margin .2s;-o-transition:margin .2s;transition:margin .2s}input.check-toggle-round-flat:checked+label:after{margin-left:44px}@media screen and (min-width: 50em){.section{width:100%;padding:20px;min-width:90%}a{font-size:1rem}.box{width:100%}.box-info{font-size:1rem}.box-left,.box-right{flex:1;box-sizing:border-box;padding:30px;display:grid;place-items:center}.buttons-row{display:inline-flex;justify-content:center}#proyects{min-height:105vh}#proyects>.box>.box-right{margin-top:0}.proyect-btn{height:100%px;width:150px;font-size:15px;padding:8px;margin-right:50px}}@media screen and (min-width: 70em){.box-info,a{font-size:1.8rem}#proyects>.box>.box-right{margin-top:100px;margin-bottom:100px}.proyect-btn{min-width:100%px}}