@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Quicksand:wght@300..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}#root{background-image:linear-gradient(to left top,#4a7e82 2%,#152e33 85%);display:flex;align-items:center;justify-content:center;flex-direction:column}h1,h2{font-family:Comfortaa,Times,serif}h3,h4,h5{font-family:Quicksand,Arial,sans-serif}p,li,a{font-family:Nunito,Arial,sans-serif}#home{display:grid;grid-auto-columns:160px;grid-auto-rows:140px;gap:2rem;margin-top:8rem;grid-template-areas:"box-1 box-1 box-1 box-1 box-1 box-2 box-2" "box-3 box-3 box-4 box-4 box-5 box-2 box-2" "box-3 box-3 box-6 box-7 box-7 box-7 box-8"}.box{background-color:#152e33;box-shadow:inset 0 4px 4px #12272b,0 1px 2px #1e4148;border-radius:1.25rem}#home .hero{background-color:#152e33;display:flex;align-items:center;justify-content:center}#home .hero h1{transform:translateY(.06em);text-transform:uppercase;color:#f7e7d0;font-size:6rem;font-weight:900}#home .hero h1 span{animation-name:FadeIn;animation-duration:2s;animation-fill-mode:forwards;animation-delay:1s;opacity:0}#home .skills{background-color:#7a471a;list-style-position:inside;align-items:center;color:#f7e7d0;display:flex;padding:1rem;box-shadow:inset 0 1px 2px #975820,0 4px 4px #12272b}#home .skills li,li::marker{transition:all .3s ease-out}#home .skills li:not(:last-child){margin-bottom:2rem}#home .skills li:hover{padding-left:.5rem}#home .skills li:hover::marker{color:#152e33}#home .picture{overflow:hidden;box-shadow:0 4px 4px #12272b}#home .picture img{width:100%}#home .prof{background-color:#7a471a;padding:1rem 1.3rem;box-shadow:inset 0 1px 2px #975820,0 4px 4px #12272b}#home .prof h5{width:fit-content;color:#f7e7d0;font-size:1.2rem;line-height:1.8rem;position:relative}#home .prof a{text-decoration:none;color:#f7e7d0;transition:all .3s ease-out}#home .prof a:hover{color:#152e33}#home .prof a:after{content:">>";position:absolute;top:0;right:-2rem;transition:all .5s ease-in;opacity:0;color:#152e33;animation:Bobbing 1.5s infinite ease-in-out}#home .prof a:hover:after{opacity:1}#home .code{justify-content:center;align-items:center;position:relative;display:flex}#home .code:after{content:"Scan Me!";position:absolute;opacity:0;color:#f7e7d0;background-color:#152e33;padding:.2rem 1rem;border-radius:1.25rem 1.25rem 0 0;top:-1.3rem;font-family:Nunito,Arial,sans-serif}#home .code:hover:after{opacity:1;transition-delay:.5s}#home .code img{border-radius:.5rem;height:80%}#home .doodle{justify-content:center;align-items:center;display:flex}#home .doodle svg{color:#f7e7d0;font-size:6rem}#home .websites{justify-content:space-evenly;background-color:#7a471a;align-items:center;display:flex;box-shadow:inset 0 1px 2px #975820,0 4px 4px #12272b}#home .websites h3{color:#f7e7d0;font-size:1.5rem;padding:1rem 0 1rem 1.5rem}#home .websites a{background-color:#af7136;transition:all .3s ease-out;flex-direction:column;border-radius:1.25rem;text-decoration:none;align-items:center;text-align:center;color:#152e33;padding:1rem;height:7.5rem;width:7.5rem;display:flex;gap:1rem}#home .websites a svg{transition:all .3s ease-out;font-size:1.8rem}#home .websites a:hover{box-shadow:0 .5rem 1rem -2px #000,inset 1px 2px #cc833f;transform:translateY(-1rem);height:9rem}#home .websites a:hover svg{color:#f7e7d0}#transition{background-color:#7a471a;padding:0 1rem;width:100%;margin-top:6rem}#transition .carousel{margin:0 auto;width:70%;display:flex;overflow-x:hidden;background-color:#7a471a;padding:2rem 0;position:relative}#transition .carousel:before{content:"";background:linear-gradient(to right,#7a471a 5%,#0000,#7a471a 95%);position:absolute;inset:0;z-index:1}#transition .carousel .group{display:flex;align-items:center;justify-content:center;gap:1rem;animation:Spin 10s infinite linear;padding-right:1rem}#transition .carousel .group svg{flex:0 0 6rem;height:6rem;padding:1rem;text-align:center;align-content:center;color:#f7e7d0}#software{background-color:#7a471a;flex-direction:column;align-items:center;display:flex;width:100%}#software .content{margin:2rem 0 5rem;display:grid;grid-auto-columns:160px;grid-auto-rows:140px;gap:2rem;grid-template-areas:"box-1 box-1 box-2 box-2 box-2 box-2" "box-1 box-1 box-2 box-2 box-2 box-2" "box-3 box-3 box-3 box-3 box-4 box-4" "box-3 box-3 box-3 box-3 box-4 box-4" "box-5 box-5 box-6 box-6 box-6 box-6" "box-5 box-5 box-6 box-6 box-6 box-6" "box-7 box-7 box-7 box-7 box-8 box-8" "box-7 box-7 box-7 box-7 box-8 box-8"}#software .content .react.visual,#software .content .css.visual,#software .content .javascript.visual,#software .content .python.visual{overflow:hidden}#software .content .react.visual img{transform:translate(-4rem);height:100%}#software .content .css.visual img{transform:translate(-.4rem);height:100%}#software .content .javascript.visual img{transform:translate(-.5rem);height:100%}#software .content .python.visual img{transform:translate(-1.3rem);height:100%}#software .content .info{padding:1.3rem;box-shadow:inset 0 1px 2px #1e4148,0 4px 4px #603814;display:flex;gap:1rem}#software .content .info .text{color:#f7e7d0}#software .content .info .text h2{font-size:2rem;margin-bottom:.6rem}#software .content .info .text span{color:#cc833f}#software .content .info .text .spacer{background-color:#f7e7d0;border-radius:1.25rem;margin-bottom:.5rem;height:5px;width:50%}#software .content .info .graphic{background-color:#f7e7d0;flex-direction:column;text-align:center;align-items:center;border-radius:1.25rem;justify-content:space-between;display:flex;padding:1rem 0;flex:0 0 12rem;box-shadow:inset 0 1px 2px #fff,0 4px 4px #000}#software .content .info .graphic h3{color:#152e33;font-size:1.5rem}#talents{background-color:#152e33;flex-direction:column;align-items:center;display:flex;padding:2rem;width:100%;z-index:1}#talents .content{margin-top:3.5rem;display:grid;grid-auto-columns:400px;grid-auto-rows:380px;gap:2rem;grid-template-areas:"box-1 box-2 box-3"}@media(max-width:1330px){#home{grid-template-areas:"box-1 box-1 box-1 box-1 box-1 box-5" "box-3 box-3 box-4 box-4 box-2 box-2" "box-3 box-3 box-7 box-7 box-2 box-2"}#home .websites h3,#home .doodle{display:none}#talents .content{grid-template-areas:"box-1 box-2" "box-3 ."}}@media(max-width:500px){#home{grid-template-areas:"box-1 box-1" "box-4 box-4" "box-2 box-2" "box-2 box-2" "box-7 box-7" "box-3 box-3" "box-3 box-3"}#home .hero{padding:1rem}#home .hero h1{font-size:3.4rem}#home .code{display:none}#software .content{grid-template-areas:"box-2 box-2" "box-2 box-2" "box-2 box-2" "box-3 box-3" "box-3 box-3" "box-3 box-3" "box-6 box-6" "box-6 box-6" "box-6 box-6" "box-7 box-7" "box-7 box-7" "box-7 box-7"}#software .content .visual{display:none}#software .content .info .text{flex-direction:column;align-items:center;display:flex}#software .content .info .text h2{text-align:center;font-size:1.8rem}#software .content .info .graphic{display:none}#talents .content{grid-auto-columns:310px;grid-auto-rows:480px;grid-template-areas:"box-1" "box-2" "box-3"}}@keyframes Bobbing{0%{transform:translate(0)}50%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes FadeIn{0%{opacity:0}to{opacity:1}}@keyframes Spin{0%{translate:0}to{translate:-100%}}.master{justify-content:flex-end;background-color:#7a471a;flex-direction:column;border-radius:1.25rem;overflow:hidden;display:flex;height:190px;width:100px}.master .ammount{background-image:linear-gradient(to bottom,#4a7e82 2%,#152e33 85%);transition:all 2s ease-out;height:10px;width:100px}.card_container{transition:all .4s ease-in-out;background-color:#f7e7d0;border-radius:1.25rem;position:relative;padding:1rem;height:100%;width:100%}.card_container:before{content:"";transition:all .4s ease-in-out;box-shadow:0 0 2rem #f7e7d0;border-radius:1.25rem;position:absolute;height:100%;width:100%;z-index:-1;opacity:0;left:0;top:0}.card_container:hover:before{opacity:1}.card_container .header{align-items:center;display:flex;gap:1.5rem}.card_container .header svg{transition:all .4s ease-in-out;color:#7a471a;font-size:5rem}.card_container:hover .header svg{transform:scale(125%)}.card_container .header h2{color:#000;font-size:1.6rem}.card_container .information{font-size:1.1rem;color:#232323;width:100%;font-weight:300;padding:.3rem 1rem 0}#header{transition:all .3s ease-in-out;justify-content:space-between;align-items:center;position:fixed;padding:1rem;display:flex;width:100%;z-index:2;left:0;top:0}#header .section{background-color:#7a471a;border-radius:1.25rem;padding:.5rem;display:flex;gap:1rem;box-shadow:inset 0 1px 2px #975820,0 4px 4px #12272b}#header .logo{transition:all .3s ease-in-out;height:5.3rem}#header.scrolled .logo{height:4rem}#header .logo img{transition:all .4s ease-in-out;height:100%}#header .logo:hover img{filter:brightness(150%)}#header .navigation{transition:all .3s ease-in-out;align-items:center;padding:1rem 2rem;height:4rem}#header.scrolled .navigation{opacity:80%;height:3rem;transform:translateY(-.8rem)}#header.scrolled .navigation:hover{opacity:100%}#header .navigation a{transition:all .3s ease-in-out;text-decoration:none;font-size:1.2rem;color:#f7e7d0}#header .navigation a:hover{transform:scale(1.2);text-shadow:0 2px 3px #000}#header .empty{transition:all .3s ease-in-out;width:84px}#header.scrolled .empty{width:64px}@media(max-width:500px){#header{justify-content:center}#header .logo,#header .empty{display:none}}#footer{display:grid;grid-auto-columns:200px;grid-auto-rows:100px;margin:2rem 0;gap:2rem;grid-template-areas:"box-1 box-1 box-2 box-3 box-4" "box-1 box-1 box-2 box-3 box-4" "box-5 box-5 box-5 box-5 box-5"}#footer .division{background-color:#152e33;border-radius:1.25rem;box-shadow:inset 0 5px 8px #12272b,0 1px 2px #538083;padding:1rem 1.5rem;color:#f7e7d0}#footer .contacting h3{font-size:1.8rem}#footer .spacing_line{background-color:#da9e55;border-radius:1.25rem;margin:.5rem 0;height:5px;width:70%}#footer .contacting .info{gap:1rem}#footer .contacting .info .socals{margin-top:.5rem;display:flex;gap:1rem}#footer .contacting .info .socals a{transition:all .4s ease-in-out;background-color:#4a7e82;padding:.8rem;border-radius:50%;text-decoration:none;color:#000;font-size:2.3rem;box-shadow:inset 0 2px 4px #538083,0 4px 4px #000}#footer .contacting .info .socals a:hover{transform:scale(1.2)}#footer .contacting .info .socals a svg{transition:all .4s ease-in-out;display:block}#footer .contacting .info .location{font-size:1.3rem;font-weight:300;line-height:2rem}#footer .linkage h3{font-size:1.5rem}#footer .linkage .linkers{flex-direction:column;display:flex}#footer .linkage .linkers a{transition:all .4s ease-in-out;text-decoration:none;line-height:2;font-weight:200;color:#f7e7d0}#footer .linkage .linkers a:hover{animation:Bobbing 1s ease-in-out infinite;color:#da9e55}#footer .blip{justify-content:center;align-items:center;display:flex}#footer .blip svg{font-size:9rem;display:block}#footer .features h3{font-size:1.5rem}#footer .features h5{text-transform:uppercase;line-height:2}#footer .credits{justify-content:center;align-items:center;font-weight:100;display:flex;font-size:2}@media(max-width:500px){#footer{grid-auto-columns:310px;grid-template-areas:"box-1" "box-1" "box-2" "box-2" "box-4" "box-4" "box-5"}#footer .blip{display:none}#footer .contacting .info .socals a{font-size:1rem}}