:root{--background:#222;--text-background:#191919;--shadow:#121212;--text:#7b7878;--highlight:#11cb20;scroll-behavior:smooth;scroll-padding-top:5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--background);color:var(--text);padding-top:4rem;text-align:center}h1{font-size:60px}.text-container{border-radius:1rem;justify-self:center;max-height:40%;max-width:40%;padding:.75rem;text-align:left}h2{align-items:center;font-size:25px;margin:auto auto 2rem}h2 hr{background-color:var(--highlight);border-width:0;display:flex;flex-shrink:1;height:1px;margin:1rem;width:9rem}a{z-index:10}img{border-radius:1rem;box-shadow:1rem 1rem 1rem var(--shadow);max-height:35rem;max-width:40rem}.footer{font-size:.75rem;height:5rem;margin-top:1rem}.footer a{font-size:.75rem;-webkit-transform:translateY(.15rem);transform:translateY(.15rem)}@media only screen and (max-width:1200px){h1{font-size:45px}h2{font-size:20px}h2 hr{width:4rem}}@media only screen and (max-width:950px){h1{font-size:30px}h2{font-size:15px}.text-container{max-width:70%}}.header{align-items:center;background-color:var(--background);border-bottom-left-radius:1rem;color:var(--text);display:flex;height:4rem;margin-top:-4rem;padding-left:1rem;position:fixed;width:100%;z-index:10}.header h2{margin:0}h3{text-align:center}span{color:var(--highlight)}ul{align-items:center;display:flex;justify-content:space-between;list-style-type:none;margin-left:auto;margin-right:2rem}a{color:inherit;display:inline-block;font-size:1rem;position:relative;text-decoration:none}a,a:before{overflow:hidden}a:before{color:var(--highlight);content:attr(data-content);left:0;position:absolute;top:0;transition:width 275ms ease;white-space:nowrap;width:0}a:hover:before{width:100%}ul li{margin:1rem;padding:.25rem}@media only screen and (max-width:950px){.header h2{display:none}.header{height:2.25rem;max-width:100vw}.header,ul{padding-left:0}ul{margin:1rem 0;width:100%}}.projects-container{align-items:center;display:flex;flex-direction:column;height:50rem;margin:2rem 0 5rem}.projects-container h2{display:flex;flex-direction:row;justify-content:center;margin:auto}.carousel-container{align-items:center;display:grid;grid-template-columns:20rem 2rem 2rem 2rem 2rem 20rem;grid-template-rows:34.25rem 6.25rem;justify-items:center;z-index:1}#carousel{--items:5;--middle:3;--position:1;grid-column:1/7;grid-row:1/2;overflow:hidden;-webkit-perspective:35rem;perspective:35rem;pointer-events:none;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100vw}#carousel,.project{align-items:center;display:flex;height:40rem;justify-content:center}.project{--r:calc(var(--position) - var(--offset));--abs:max(calc(var(--r)*-1),var(--r));pointer-events:auto;position:absolute;-webkit-transform:rotateY(calc(-20deg*var(--r))) translateX(calc(-30rem*var(--r)));transform:rotateY(calc(-20deg*var(--r))) translateX(calc(-30rem*var(--r)));transition:all .5s ease-in-out;width:90%;z-index:calc(var(--position) - var(--abs) + 2)}.project:first-of-type{--offset:1}.project:nth-of-type(2){--offset:2}.project:nth-of-type(3){--offset:3}.project:nth-of-type(4){--offset:4}input:first-of-type{grid-column:2/3;grid-row:2/3}input:first-of-type:checked~#carousel{--position:1}input:nth-of-type(2){grid-column:3/4;grid-row:2/3}input:nth-of-type(2):checked~#carousel{--position:2}input:nth-of-type(3){grid-column:4/5;grid-row:2/3}input:nth-of-type(3):checked~#carousel{--position:3}input:nth-of-type(4){grid-column:5/6;grid-row:2/3}input:nth-of-type(4):checked~#carousel{--position:4}.project img:hover{cursor:pointer}.project a{overflow:visible;z-index:11}.project-content{align-items:flex-end;background-color:var(--shadow);border-radius:1rem;box-shadow:1rem 1rem 1rem var(--shadow);display:flex;flex-direction:column;max-width:35rem;opacity:.97;padding:0 .5rem;-webkit-transform:translateX(-5rem);transform:translateX(-5rem);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:12}.project-content h3{padding-right:2rem}.project-content a:hover{color:var(--highlight);text-shadow:.5rem .5rem 1rem (--shadow);-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem)}.details{align-items:center;display:flex;flex:row 1;font-size:small}.details a{padding:0 1rem}.arrow{font-size:large;font-weight:700}.arrow:hover{cursor:pointer}#left-arrow{justify-self:flex-end;padding-right:.5rem}#left-arrow:hover{-webkit-transform:translateX(-.25rem);transform:translateX(-.25rem)}#right-arrow{justify-self:flex-start;padding-left:.5rem}#right-arrow:hover{-webkit-transform:translateX(.25rem);transform:translateX(.25rem)}@media only screen and (max-width:950px){.carousel-container{grid-template-columns:5rem 2rem 2rem 2rem 2rem 5rem}#carousel{margin:3rem}.project{align-items:center;flex-direction:column}.project img{max-width:100%}.project-content{align-items:center;margin-top:1rem;max-width:90%;-webkit-transform:translateX(0);transform:translateX(0)}}.about-container{align-items:flex-start;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10rem}.content-container{display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.about-container h2{display:flex;flex-wrap:nowrap}.about-container img{align-self:center;height:20rem;margin:1rem;width:20rem}.about-me-more{display:flex;flex-wrap:wrap;margin-left:1rem}.show-more{cursor:pointer;display:inline}summary::marker{color:var(--highlight);cursor:pointer}details summary:before{color:var(--highlight);content:"show more";cursor:pointer}details[open] summary:before{color:var(--highlight);content:"show less";cursor:pointer}@media only screen and (max-width:950px){.about-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10rem 2rem}.content-container{align-items:center;flex-direction:column}}.skills-container{align-items:flex-start;display:flex;flex-direction:column;margin:2rem 10rem}.skills-container h2{display:flex;flex-direction:row}.skills-container i{font-size:60px;padding:1rem 2rem 0}.skills-container p{font-size:20px}.skills-container a:hover{color:var(--highlight);text-shadow:.5rem .5rem .2rem var(--shadow);-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);transition:.5s ease-in-out}.skills{display:flex;flex-wrap:wrap;font-family:Font Awesome\ 5 Brands;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding-bottom:2rem;width:100%;z-index:1}@media only screen and (max-width:950px){.skills-container{margin:2rem 3rem}.skills-container i{font-size:3rem}}.intro-container{align-items:center;display:flex;height:50rem;justify-content:center;margin:auto;text-align:left;width:70%}.intro{overflow:hidden}.intro h1{-webkit-animation:slidin 2s ease;animation:slidin 2s ease;margin:auto}.intro p{-webkit-animation:slidin 3s;animation:slidin 3s;max-width:60%}#name{color:#c6c6c6}@-webkit-keyframes slidin{0%{opacity:0;-webkit-transform:translateX(-300%);transform:translateX(-300%)}}@keyframes slidin{0%{opacity:0;-webkit-transform:translateX(-300%);transform:translateX(-300%)}}@media only screen and (max-width:950px){.intro-container{height:35em}}.sideWrapper-container{bottom:-4rem;display:flex;justify-content:space-between;position:fixed;width:100%}.wrapper{display:flex;flex-direction:column;height:20rem;margin:2rem}.wrapper div{margin-bottom:2rem}.left-wrapper hr{background-color:var(--highlight);border-width:0;bottom:0;height:15rem;margin-top:1rem;overflow:hidden;width:1px}.left-wrapper{align-items:center;display:flex;flex-direction:row;font-family:Font Awesome\ 5 Brands;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;z-index:10}.left-wrapper i{margin:0;padding:1rem}.left-wrapper a:hover{color:var(--highlight);text-shadow:.5rem .5rem .25rem var(--shadow);-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);transition:.5s ease-in-out}.right-wrapper hr{background-color:var(--highlight);border-width:0;bottom:0;height:8rem;margin-top:1rem;overflow:hidden;width:1px}.right-wrapper{display:flex;flex-direction:row;justify-content:space-between;-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;z-index:10}.right-wrapper a:hover{color:var(--highlight);text-shadow:.5rem .5rem .25rem var(--shadow);-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);transition:.5s ease-in-out}@media only screen and (max-width:950px){.sideWrapper-container{max-width:100vw}.wrapper{height:15rem;margin:.5rem}.right-wrapper hr{height:2rem}}.contactMe-container{height:20rem;margin:0 30% 10rem;padding-top:10rem;text-align:center;width:40%}.contactMe-container p{padding:2rem}.contactMe-container a{border:1px solid var(--highlight);border-radius:2rem;color:var(--highlight);padding:1rem}.contactMe-container a:hover{background-color:var(--highlight);box-shadow:.5rem .5rem .5rem var(--shadow);color:var(--background);-webkit-transform:translateY(-.25rem);transform:translateY(-.25rem);transition:.25s ease-in-out}@media only screen and (max-width:950px){.contactMe-container{margin:5rem auto;width:80%}}
/*# sourceMappingURL=main.42c5ea42.css.map*/