*{padding:0}*,body{margin:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;width:100%}@font-face{font-family:BrainChild;src:url(/static/media/Brainchild.2aa65e16d105b3d697bf.otf)}@font-face{font-family:DubielPlain;src:url(/static/media/DubielPlain.7e812e5c953e5687fa5b.ttf)}@font-face{font-family:DubielItalic;src:url(/static/media/DubielItalic.fd2e1c4f6b8de552cb5f.ttf)}.div-main-container{background-color:#fff;display:flex;flex-direction:row;flex-grow:1;height:100vh;width:100%}.div-secondary-container{background-color:#171717;color:#fff;display:grid;grid-template-rows:auto 2fr;height:100%;height:100vh;width:100%}.animate-in{-webkit-animation:left-in .6s cubic-bezier(.69,.02,.24,.96);animation:left-in .6s cubic-bezier(.69,.02,.24,.96)}.animate-out{-webkit-animation:left-out forward .6s cubic-bezier(.69,.02,.24,.96);animation:left-out forward .6s cubic-bezier(.69,.02,.24,.96)}@-webkit-keyframes left-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes left-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes left-in{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes left-in{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.top-container{display:flex;flex-direction:row;justify-content:space-between}.top-container-line{border-left:.5px solid #fff;height:3.6rem;margin-left:1.2rem;margin-top:1.2rem;padding-left:1rem;text-align:left}.top-container>.color-span{font-size:1rem}.programming-syntax{margin-top:1rem}.bottom-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.left-grid{align-items:center;display:flex;flex-direction:column;justify-content:center}.left-grid>div>span{color:#fff;cursor:pointer;font-family:DubielPlain;font-size:12vw;letter-spacing:.1rem;max-width:2rem;text-decoration:none}.left-grid>div{text-align:start;transition:all .2s;width:80%}.left-grid>div:hover{margin-left:3rem;-webkit-transform:skewX(-13deg);transform:skewX(-13deg)}.right-grid{align-items:center;display:flex;flex-direction:column;grid-area:"top";justify-content:center}.right-grid-content,.text-details-container{align-items:flex-start;display:flex;flex-direction:column}.text-details-container{padding-bottom:3rem}.text-details-container>div:nth-child(2){align-items:self-start;display:flex;flex-direction:column}.text-details-container>div>h1{color:#d4d4d4;font-family:Montserrat;font-size:2.4vw;font-weight:600;padding:1rem 0;text-align:start}.text-details-container>div>h3{color:#d4d4d4;font-family:Montserrat,sans-serif;font-size:1.4vw;font-weight:300;padding-bottom:1rem;text-align:left}.details-html{font-size:1.2rem;margin-bottom:1rem}.focus-in-expand{-webkit-animation:focus-in-expand .5s cubic-bezier(.25,.46,.45,.94) .2s both;animation:focus-in-expand .5s cubic-bezier(.25,.46,.45,.94) .2s both}@-webkit-keyframes focus-in-expand{0%{-webkit-filter:blur(12px);filter:blur(12px);letter-spacing:-.5em;opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes focus-in-expand{0%{-webkit-filter:blur(12px);filter:blur(12px);letter-spacing:-.5em;opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}.text-focus-in{-webkit-animation:text-focus-in .6s cubic-bezier(.55,.085,.68,.53) .1s both;animation:text-focus-in .6s cubic-bezier(.55,.085,.68,.53) .1s both}@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}.nav-bar{align-items:center;background-color:#171717;display:flex;min-width:70px;width:7%}.animate-right{-webkit-animation:right-in .5s cubic-bezier(.69,.02,.24,.96);animation:right-in .5s cubic-bezier(.69,.02,.24,.96)}@-webkit-keyframes right-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes right-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.nav-bar-items{align-items:center;display:grid;grid-template-rows:auto auto auto;height:80%;justify-content:center;width:100%}.animate-down{-webkit-animation:up-in 1s cubic-bezier(.96,.01,.46,1.34) .2s forwards;animation:up-in 1s cubic-bezier(.96,.01,.46,1.34) .2s forwards;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.github-icon,.linkedin-icon,.nav-bar-items>.twitter-icon{color:hsla(0,0%,100%,.5);height:1.5rem;text-decoration:none;width:1.5rem}.github-text,.linkedin-text,.twitter-text{display:block;font-family:BrainChild;font-size:.9rem;letter-spacing:.2rem;opacity:0;padding:.4rem;-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:opacity .3s ease-in}.bi-github:hover+.github-text,.bi-linkedin:hover+.linkedin-text,.bi-twitter:hover+.twitter-text{opacity:1}@media screen and (max-width:590px){.div-main-container{flex-direction:column-reverse;height:100%}h1{align-items:start}.div-secondary-container{height:100vh;width:100%}.div-inside-container{height:93%}.nav-bar{height:7%;justify-content:center;width:100%}.nav-bar-items{align-items:center;grid-template-columns:auto auto auto;height:100%;justify-content:space-around;padding:1rem;width:80%}.bi-github:hover+.github-text,.bi-linkedin:hover+.linkedin-text,.bi-twitter:hover+.twitter-text{opacity:0}.right-grid-content{align-items:center;padding:4rem}.left-grid{align-items:center;justify-content:center}.left-grid>div{width:60%}}@media screen and (max-width:669px){.left-grid>div>span{font-size:20vw}.text-details-container>div>h1{font-size:5.2vw}.text-details-container{width:98%}.text-details-container>div>h3{font-size:3.8vw}.programming-syntax{font-size:4.5vw}}.about-main-container{background-color:#dddbcb;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.programming-syntax{color:#383838;font-family:BrainChild,sans-serif;font-size:1.5rem;margin:0;transition:color .2s ease-in}.about-nav-bar{align-items:center;background-color:#dddbcb;color:#545454;display:grid;grid-template-rows:1fr 1.5fr 1fr;height:100vh;justify-content:space-around;left:0;overflow:hidden;position:fixed;top:0;width:15%}.about-nav-bar>div{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.about-nav-bar>div>.main-nav{display:block;font-family:Dubiel;font-size:10rem;padding:0 2rem;-webkit-transform:translateY(250%);transform:translateY(250%)}.about-nav-bar>div>span{font-family:Montserrat;font-size:1rem}.nav-bar-div:hover{cursor:pointer;text-decoration:line-through}.animate-about-nav{-webkit-animation:about-right-in .6s cubic-bezier(.69,.02,.24,.96) 1s forwards;animation:about-right-in .6s cubic-bezier(.69,.02,.24,.96) 1s forwards}@-webkit-keyframes about-right-in{0%{-webkit-transform:translateY(250%);transform:translateY(250%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes about-right-in{0%{-webkit-transform:translateY(250%);transform:translateY(250%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.text-focus-in-about{-webkit-animation:text-focus-in-about 1s cubic-bezier(.55,.085,.68,.53) 1.2s both;animation:text-focus-in-about 1s cubic-bezier(.55,.085,.68,.53) 1.2s both}@-webkit-keyframes text-focus-in-about{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}@keyframes text-focus-in-about{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0);filter:blur(0);opacity:1}}.about-secondary-container{background-color:#171717;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:15%;min-height:100vh;right:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);width:85%}.header-about{display:flex;padding:2rem 1rem 1rem 2rem}.header-about>div{border-left:.5px solid #fff;height:100%;margin-left:.8rem;padding-left:1rem}.about-div-details{padding:2rem 2rem 2rem 3rem;width:85%}.about-div-details,.header-details{align-items:flex-start;display:flex;flex-direction:column}.header-details{width:80%}.div-name{color:#fff;margin:1rem 0;text-align:start}.div-name>span{font-family:Dubiel;font-size:4rem}.div-description{color:#fff;line-height:2.5rem;font:Montserrat;font-size:1.5rem;font-weight:200;text-align:start;width:90%}.div-description>p{white-space:pre-wrap}.div-description>p:nth-child(2),p:nth-child(5){font-family:DubielPlain;font-size:3rem;font-weight:500;line-height:3rem}.hover-properties:hover{color:#9b9b9b;cursor:pointer}.resume-button{background-color:#dddbcb;border-radius:2rem;color:#000;font-family:Dubiel;font-size:1.5rem;font-weight:500;margin-bottom:1rem;margin-top:2rem;padding:.8rem 2.5rem;text-decoration:none;transition:all .2s ease-in}.resume-button:hover{padding:.8rem 4rem}@media screen and (max-width:650px){*{font-size:13px}.about-nav-bar>div>.main-nav{display:block;font-family:Dubiel;font-size:4rem;-webkit-transform:translateY(150%);transform:translateY(150%)}.about-secondary-container{width:80%}}.project-main-container{background-color:#dddbcb;position:relative}.about-nav-bar>div>.main-nav-projects{font-size:7.5rem}.animate-in-up{-webkit-animation:up-in .6s cubic-bezier(.69,.02,.24,.96) .4s forwards;animation:up-in .6s cubic-bezier(.69,.02,.24,.96) .4s forwards}@-webkit-keyframes up-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes up-in{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.projects-container-1{color:#fff;display:flex;flex-direction:column;padding:2rem 2rem 2rem 3rem;text-align:left}.projects-container-1>span{font-family:Montserrat;font-size:1.3rem;font-weight:600;padding-bottom:.5rem}.projects-container-1>p{font-family:Montserrat;font-size:medium;font-weight:400}.projects-list{margin-bottom:2rem}.projects-list-card{color:#fff;font-family:DubielPlain;padding:1rem 3rem .5rem;text-align:left}.project-secondary-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh}.projects-list-card>.project-title{cursor:pointer;font-size:6rem;font-weight:400rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;transition:all .2s}.project-title>a{color:#fff;text-decoration:none}.projects-list-card>p{font-family:Montserrat;font-size:1rem;max-width:80%}.projects-list-card>.project-title:hover{margin-left:1rem;-webkit-transform:skewX(-13deg);transform:skewX(-13deg)}@media screen and (max-width:650px){.about-nav-bar>div>.main-nav-projects,.projects-list-card>.project-title{font-size:3.5rem}.project-title>a{display:inline-block;font-size:3.5rem;line-height:1}.projects-list-card>p{max-width:100%}}.contact-screen-container{height:100vh}.about-nav-bar>div>.contact-nav{font-size:8rem}.contact-screen-container>div{color:#fff;font-family:Montserrat;font-size:1rem;height:100vh;max-width:50%;padding:0 3rem .5rem 6rem;text-align:left}.contact-screen-container>div,.contact-screen-container>div>div{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.contact-screen-container>div>div{padding-bottom:1rem;width:100%}.contact-screen-container>div>div>span{font-family:DubielPlain;font-size:15rem;letter-spacing:.3rem;-webkit-transform:translateY(150%);transform:translateY(150%)}.contact-screen-container>div>div>p{line-height:1.8rem;-webkit-transform:translateY(150%);transform:translateY(150%)}.contact-screen-container>div>div>p>a{color:#fff}.animate-hello-contact{-webkit-animation:down-in-hello .6s cubic-bezier(.69,.02,.24,.96) 1.5s forwards;animation:down-in-hello .6s cubic-bezier(.69,.02,.24,.96) 1.5s forwards}.animate-p-contact{-webkit-animation:down-in-hello .6s cubic-bezier(.69,.02,.24,.96) 1s forwards;animation:down-in-hello .6s cubic-bezier(.69,.02,.24,.96) 1s forwards}@-webkit-keyframes down-in-hello{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes down-in-hello{0%{-webkit-transform:translateY(150%);transform:translateY(150%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:650px){.contact-screen-container>div>div>span{font-size:9rem}.contact-screen-container>div{padding:4rem 3rem .5rem 2rem}.about-nav-bar>div>.contact-nav{font-size:4rem}.contact-screen-container>div{justify-content:start;max-width:100%}}
/*# sourceMappingURL=main.85a37a14.css.map*/