.App{text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.section{margin-top:3vw;width:100%;transition:.5s ease-in-out}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.navbar-button{color:#fff;font-family:Futura,sans-serif;width:25%;font-size:4vw;text-align:center;height:6vw;margin:auto;padding-top:1vw;transition:.2s ease-in-out;cursor:pointer;z-index:3}.navbar-button:hover{background-color:#f1ae45;border-radius:0 0 10px 10px;height:8vw;color:#fff;text-shadow:.2vw 0px #765e0e}.navbar{display:flex;background-color:#1e1e1e;width:auto;height:7vw;align-items:center;justify-content:space-between}.circle{background-color:#e15121;width:20vw;aspect-ratio:1 / 1;border-radius:50%;padding:-10%;transition:.2s ease-in-out;margin:-2vw;z-index:4;cursor:pointer}.circle:hover{width:22vw}.tv{display:flex;overflow:visible;background-color:light-dark(#FE8916,#0f0f5c);width:100%;aspect-ratio:2 / 1;border-radius:0 0 4vw 4vw;padding:-10%;box-shadow:0 1vw 0 light-dark(#E15121,#1a1a6d);flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:4}.screen{display:flex;justify-content:right;align-items:center;text-align:right;font-family:Futura,sans-serif;font-style:italic;font-size:13vw;line-height:13vw;margin-top:1vw;color:#fff;text-shadow:.5vw 0px #1c1f33;box-shadow:inset .5vw .5vw 0 1vw #1c1f339c;width:95%;height:70%;border-radius:1vw;padding-right:2vw;animation:slideBackground 150s linear infinite}@keyframes slideBackground{0%{background-position:0 0}to{background-position:-3000px 0}}.static{color:transparent;text-shadow:.5vw 0px #1c1f3300;background:url(https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExbHkxenFoNzRrNjA5YWR6c3lrcXd5d2RtOWJpb3I3Z2M5OG52bHhhNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/Yqn9tE2E00k4U/giphy.gif) center center / cover no-repeat!important;animation:staticEffect .5s}@keyframes staticEffect{0%{background-position:0% 0%}to{background-position:100% 100%}}.screenButton{transition:ease-in .1s;background-color:transparent;border:1vw solid #E8E2C9;width:8vw;aspect-ratio:1 / 1;border-radius:50%;margin:1vw;position:relative;box-shadow:0 .6vw 0 light-dark(#E15121,#26269d);cursor:pointer}.screenButton:before{content:"";width:6vw;aspect-ratio:1 / 1;border-radius:50%;background-color:#e8e2c9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .6vw 0 light-dark(#E15121,#26269d);transition:ease-in .1s}.screenButton:hover{transform:translateY(.3vw);box-shadow:0 .3vw 0 light-dark(#E15121,#26269d)}.screenButton:hover:before{box-shadow:0 .3vw 0 light-dark(#E15121,#26269d)}.screenNoHover:hover{transform:translateY(.5vw);box-shadow:0 0 0 light-dark(#E15121,#26269d)}.screenNoHover:hover:before{box-shadow:0 0 0 light-dark(#E15121,#26269d)}.lines{background-color:#e8e2c9;width:20vw;height:2vw;border-radius:0 2vw 2vw 0;box-shadow:0 .4vw 0 light-dark(#E15121,#26269d);position:relative;margin-top:2vw}.lines:before{content:"";background-color:#e8e2c9;width:25vw;height:2vw;border-radius:0 2vw 2vw 0;position:absolute;top:3.7vw;transform:translate(-40%,-50%);box-shadow:0 .4vw 0 light-dark(#E15121,#26269d)}.lines:after{content:"";background-color:#e8e2c9;width:20vw;height:2vw;border-radius:0 2vw 2vw 0;position:absolute;top:6.4vw;transform:translate(-50%,-50%);box-shadow:0 .4vw 0 light-dark(#E15121,#26269d)}.Reverse{transform:scaleX(-1)}.printer-container{display:flex;width:100%;height:50vw;flex-direction:column;background-color:light-dark(#FE8916,#953126);justify-content:top;align-items:center;border-radius:3vw;margin-top:4vw;box-shadow:0 1vw light-dark(#E05122,#b74336)}.printer-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:3vw;margin:2vw;height:8vw;width:50%;max-height:10vw;border-radius:2vw;background:repeating-linear-gradient(-45deg,light-dark(#cd6f11,#68231c),light-dark(#cd6f11,#68231c) 10px,light-dark(#914f0c,#8a3128) 10px,light-dark(#914f0c,#8a3128) 20px);box-shadow:inset .5vw .5vw 0 .5vw light-dark(#6a3908,#411511)}.arrows{display:flex;flex-direction:row;margin-left:-13vw}.arrow{--r: .7vw;width:9vw;top:0;aspect-ratio:1/cos(30deg);--_g: calc(tan(60deg)*var(--r)) bottom var(--r), red 98%, #0000 101%;-webkit-mask:conic-gradient(from -30deg at 50% calc(200% - 3*var(--r)/2),#000 60deg,#0000 0) 0 100%/100% calc(100% - 3*var(--r)/2) no-repeat,radial-gradient(var(--r) at 50% calc(2*var(--r)),#000 98%,#0000 101%),radial-gradient(var(--r) at left var(--_g)),radial-gradient(var(--r) at right var(--_g));clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffee82;transform:rotate(30deg);cursor:pointer;position:relative;transition:ease-in .1s;margin-top:-1vw}.left-shadow{background-color:#a59946;cursor:default;left:9vw;top:.6vw}.right-shadow{background-color:#a59946;cursor:default;left:14vw;top:.6vw}.arrow:hover{top:.3vw}.left-shadow:hover,.right-shadow:hover,.no-hover:hover{top:.6vw}.opposite{transform:rotate(-30deg);margin-right:5vw}.print-button{background-color:transparent;border:1vw solid #84B3A7;width:8vw;aspect-ratio:1 / 1;border-radius:50%;margin:1vw;left:4vw;position:relative;box-shadow:0 .6vw #66968a;cursor:pointer;transition:ease-in-out .1s}.print-button:before{content:"";width:6vw;aspect-ratio:1 / 1;border-radius:50%;background-color:#84b3a7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .6vw #66968a;transition:ease-in-out .1s}.print-button:hover{margin-top:1.5vw;box-shadow:0 .3vw #66968a}.print-button:hover:before{box-shadow:0 .3vw #66968a}.printerScreen{display:flex;justify-content:center;align-items:center;text-align:center;font-family:Futura,sans-serif;font-size:13vw;line-height:13vw;color:#fff;text-shadow:.5vw 0px #0f1810;background:repeating-linear-gradient(-45deg,#162617,#162617 10px,#233825 10px,#233825 20px);width:95%;height:20vw;border-radius:1vw;padding-right:2vw;box-shadow:inset .5vw .5vw 0 1vw #0f1810}.typed-text{overflow:hidden;border-right:.1em solid white;white-space:nowrap;padding-right:3%;width:1vm;animation:typing 2s steps(10,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}.printer-paper{width:80%;height:2vw;margin-top:2vw;background-color:#000;position:relative;z-index:1}.printer-paper:before{content:"";position:absolute;top:1vw;left:+2vw;width:calc(100% - 4vw);height:3vw;background-color:#fff;transition:ease-in-out .3s}.printer-paper:hover:before{height:12vw}.intercom{display:flex;flex-direction:horizontal;justify-content:center;align-items:center;padding-left:17vw;background:repeating-linear-gradient(-45deg,#c1541e,#c1541e 10px,#a34316 10px,#a34316 20px);margin:5vw;margin-top:0;margin-bottom:2vw;border-radius:5vw;box-shadow:inset .5vw .5vw 0 1vw #18160fcf}.intercom-box{margin-top:5vw;margin-bottom:5vw;display:flex;flex-direction:column;width:40vw;height:40vw;background-color:#312a20;box-shadow:-.5vw -1vw 0 .5vw #453e34;border-radius:4vw;justify-content:space-around;align-items:center;z-index:2}.intercom-speaker{display:flex;flex-direction:horizontal}.intercom-grate{width:2vw;margin:2vw .5vw .5vw;background-color:#221b0f;box-shadow:inset 1vw 1vw #000;border-radius:4vw}.intercom-button{background-color:transparent;border:1vw solid #C2C2C2;width:6vw;aspect-ratio:1 / 1;border-radius:50%;margin:1vw;position:relative;box-shadow:0 .4vw #767676;cursor:pointer;transition:ease-in-out .1s}.intercom-button:before{content:"";width:5vw;aspect-ratio:1 / 1;border-radius:50%;background-color:#c2c2c2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .4vw #767676;transition:ease-in-out .1s}.intercom-button:hover{box-shadow:0 .2vw #767676;transform:translateY(.2vw)}.intercom-button:hover:before{box-shadow:0 .2vw #767676}.wheel-wrapper{position:relative;height:17vw;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;box-shadow:0 -1vw #70685d;border-radius:50%;transform:translate(-11vw)}.intercom-wheel{height:15vw;aspect-ratio:1 / 1;background-color:#312a20;border-radius:50%;border-width:1.1vw;border-color:#4d4131;border-style:dashed;cursor:pointer;position:relative;z-index:1;transition:transform ease-out .5s;transform-origin:center}.intercom-wheel:before{content:"";width:15.1vw;aspect-ratio:1 / 1;border-radius:50%;background-color:#4d4131;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.wheel-icon{position:absolute;height:3vw;width:3vw;z-index:2;margin:.5vw;-webkit-user-select:none;user-select:none;filter:invert()}.top-icon{top:0;right:6vw}.right-icon{top:6vw;right:0}.bottom-icon{bottom:0;right:6vw}.left-icon{bottom:6vw;left:0}.click-me-arrow{border-top:.5vw solid transparent;border-bottom:.5vw solid transparent;border-right:1vw solid black;transform:translate(-9vw) scale(2)}.click-me-title{transform:translate(-8vw);font-size:3vw;font-family:Futura,sans-serif;color:#000}body,html{margin:0;padding:0;box-sizing:border-box;font-family:Futura,sans-serif}.title{font-size:6vw;font-family:Futura,sans-serif;color:light-dark(black,white);line-height:5vw}.sideLines{background-color:reds;width:20vw;height:2vw;border-radius:0 2vw 2vw 0;box-shadow:none;position:relative;top:-2.6vw}.Blue{background-color:#21bbb8}.Pink{background-color:#f38579}.sideLines:before{background-color:inherit;content:"";width:25vw;height:inherit;border-radius:0 2vw 2vw 0;position:absolute;top:3.7vw;transform:translate(-40%,-50%);box-shadow:none}.sideLines:after{background-color:inherit;content:"";width:inherit;height:inherit;border-radius:0 2vw 2vw 0;position:absolute;top:6.4vw;transform:translate(-50%,-50%);box-shadow:none}.heading{align-items:center;height:10vw;margin-top:3vw;margin-bottom:3vw}.img-section{display:flex;flex-direction:column}.container{width:100%;display:flex;flex-direction:row;margin:0}.text-box{font-size:2vw;font-family:Futura,sans-serif;font-weight:500;padding:2vw;width:100%;text-align:left;color:light-dark(black,white)}.White{color:#fff}.text-box b{font-family:Futura,sans-serif}.box{width:50vw;height:50vw;border-radius:2vw;margin-left:1vw;margin-right:1vw;aspect-ratio:1 / 1;background-color:#fe8916;object-fit:cover;object-position:100%}.hide{width:0;height:0;object-fit:cover;background-image:none;opacity:0}.Orange{background-color:#fe8916}.big{font-size:3vw}@media (prefers-reduced-motion: no-preference){.left{transform:translate(-10vw);opacity:0;animation:fade-in linear forwards;animation-timeline:view();animation-range:entry}.right{transform:translate(10vw);opacity:0;animation:fade-in linear forwards;animation-timeline:view();animation-range:entry}.bottom{transform:translateY(10vw);opacity:0;animation:fade-in linear forwards;animation-timeline:view();animation-range:entry 0 50vw}@keyframes fade-in{to{transform:translate(0);opacity:1}}}.yellow{background-color:#e1a121}.slot-col{display:flex;flex-direction:column;margin:3vw;top:2vw;border-radius:2vw;box-shadow:0 -2vw #17616e;position:relative}.slot{display:flex;width:25vw;height:5vw;background-color:#7697a0;border:solid #17616e;box-shadow:inset 0 0 0 .1vw #17616e;justify-content:center;align-items:end}.card{-webkit-user-select:none;user-select:none;width:22vw;height:4vw;background-color:#fff;font-size:3vw;justify-content:center;align-items:center;cursor:pointer;transition:ease-in .2s;color:#000}.card:hover{height:6vw}.hoz-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:top}.vert-container{width:100%;display:flex;flex-direction:column;align-items:center}.skill-section{width:80%;grid-template-columns:auto auto auto;display:inline-grid;margin:2vw}.skill-section-mobile{grid-template-columns:auto auto auto}.skill-square{display:flex;height:5vw;background-color:light-dark(#ffb862,#132e86);margin:.2vw;transition-duration:1s;border-radius:1vw;font-size:3vw;justify-content:center;position:relative;align-items:center;color:#fff;line-height:4vw;-webkit-user-select:none;user-select:none}.skill-mobile{height:10vw;font-size:5vw}.home{margin-top:0vw}.skill-square:hover{background-color:#fe8916;transition-duration:.2s;margin-top:-.4vw;margin-bottom:.8vw;transform:scale(1.05);z-index:2;-webkit-user-select:none;user-select:none}.punch-clock-container{width:100%;justify-content:space-evenly;align-items:end;display:flex;flex-direction:row;transition:.5s ease-in-out;margin:0}.punch-clock{display:flex;width:25vw;height:30vw;background-color:#7697a0;border:solid .3vw #17616e;box-shadow:0 -2vw #17616e;border-radius:4vw;justify-content:center;align-items:end;position:relative}.punch-clock:before{content:"";width:15vw;aspect-ratio:1 / 1;background-color:#fff;border:solid .3vw #17616e;border-radius:50%;position:absolute;top:1vw}.punch-clock:after{content:"";width:.5vw;aspect-ratio:1 / 1;background-color:#000;border-radius:50%;position:absolute;top:9vw}.hand{position:absolute;width:6vw;top:9.2vw;left:6.5vw;height:.2vw;background-color:#000;transform-origin:100%;transform:rotate(90deg);border-radius:.5vw}.minute-hand{background-color:gray}.second-hand{background-color:#fd8916}.dot{width:8vw;height:4vw;top:-8vw;background-color:#17616e;position:relative;border-radius:1vw;box-shadow:inset .5vw .5vw #0f3f48}.board{display:flex;flex-direction:row;justify-content:space-evenly;width:80vw;height:40vw;margin-top:2vw;margin-bottom:5vw;background-color:#7697a0;border:solid #173b61 1vw;border-radius:3vw;align-items:center;position:relative;transition:.3s ease-out;box-shadow:inset .5vw .5vw #0f1e2e}.note{position:relative;width:24vw;aspect-ratio:1 / 1;background-color:#fff;margin:1vw;top:0;display:flex;align-items:center;justify-content:center;font-family:Futura,sans-serif;font-size:1.5vw;transition-delay:1s;color:#000;padding:1vw}.first{background-color:#e89d9d;top:5vw;transform:rotate(3deg)}.second{top:-5vw;background-color:#a9cfc2;transform:rotate(-3deg)}.third{top:3vw;background-color:#e1e293;transform:rotate(1deg)}.disc{display:flex;width:30vw;aspect-ratio:1 / 1.005;background-color:#000;border-radius:15vw;transition:1s ease-in-out;cursor:pointer;transform-origin:center;position:relative;color:#fff;justify-content:center;align-items:center;opacity:0}.jukebox{margin-top:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.disc:before{display:flex;content:attr(data-content);width:6.07vw;aspect-ratio:1 / 1;background-color:#ff6929;border-radius:50%;position:absolute;right:10vw;top:10vw;line-height:1vw;justify-content:center;align-items:top;border:solid 2vw rgb(255,105,41)}.disc:after{content:"";width:1vw;aspect-ratio:1 / 1;background-color:#100e0e;border-radius:50%;position:absolute;right:14.5vw;top:14.5vw}.disc-container{display:flex;justify-content:center;padding-top:15vw;width:100%;position:absolute;z-index:1}.project-selector{display:flex;flex-direction:column;justify-content:top;align-items:center;position:relative;height:65vw;background-color:#2a2a2a;background:repeating-linear-gradient(-45deg,#2a2a2a,#2a2a2a 10px,#242424 10px,#242424 20px)}.disc-holder{width:63vw;height:34vw;margin:3vw;background-color:#c20000;border-radius:5vw;z-index:0;box-shadow:-.5vw -.5vw 0 .5vw #8e0d0d}.black{background-color:#181818}.disc-holder:before{display:flex;content:"";width:32vw;aspect-ratio:1 / 1;background-color:#181818;border-radius:50%;position:relative;top:1vw;left:1vw}.disc-holder:after{display:flex;content:"";width:3vw;aspect-ratio:1 / 1;border-radius:1.5vw;background-color:#6c6c6c;position:relative;top:-3vw;left:2vw;box-shadow:-.2vw -.2vw 0 .2vw #3a3a3a}.project-text{display:flex;flex-direction:column;width:100%;height:35vw;font-size:2vw;text-align:right;align-items:right;justify-content:center;transition:.3s ease-in-out;margin:3vw;color:#fff}.project-text h2{font-size:4vw;text-align:right;margin:0;transition:.3s ease-in-out}.transparent{opacity:0}.transparent>*{opacity:.5}.album-selector{position:absolute;width:100%;height:45vw;display:flex;flex-direction:row;align-items:center;border-radius:5vw;justify-content:center}.carousel{width:45%;height:40vw;display:flex;flex-direction:row;align-items:center;justify-content:center}.album{display:flex;justify-content:center;align-items:center;font-size:0vw;width:1.5vw;height:40vw;background-color:#000;color:#ffe4c400;transition:.2s ease-in-out;margin:.5vw;z-index:3;position:relative;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(/luis-personal-website/assets/Images/Mail-Icon.png);cursor:pointer}.album:hover{margin-top:3vw}.swipe{position:relative;width:14vw;height:14vw;background-color:#000;margin:2vw;transition:.2s ease-in-out;clip-path:polygon(0 0,50% 50%,0 100%);cursor:pointer;z-index:3}.backwards{transform:rotate(180deg)}.backwards:hover{scale:1.2}.swipe:hover{scale:1.1}.center{background-color:#000;color:#fff;width:40vw;z-index:2;font-size:3vw;cursor:pointer;border-radius:.3vw;transform:scale(1.05);background-image:url(/luis-personal-website/assets/Images/record.png);transition:.1s ease-in-out;margin-left:1vw;margin-right:1vw}:root{font-family:Futura,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul{text-align:left}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Futura,sans-serif;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Futura,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:light-dark(#fff2e0,#07072c)}h3,h2,.title,b{font-family:Futura,sans-serif;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}