body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3f3e4e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;min-height:-webkit-fill-available}html{height:-webkit-fill-available}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--light-gray:#363543;--mid-gray:#3f3e4e;--dark-gray:#282834;--darkest-gray:#1d1d26;--white:#fffdfa;--orange:orange;--react-blue:#00d8ff;--pink:#f0f;--hover-orange:#f8a01e}::-webkit-scrollbar{display:none}input:focus,textarea:focus{outline:none}a:link,a:visited{color:#fffdfa;color:var(--white)}a:active,a:hover,a:link,a:visited{text-decoration:none}.prevent-select{-webkit-user-select:none;user-select:none}.float-left{float:left}.float-right{float:right}.clear-both{clear:both}.color-white{color:#fffdfa;color:var(--white)}.invisible{display:none}.flex{display:flex}.block{display:block}.column{flex-direction:column}.absolute{position:absolute}.relative{position:relative}.text-left{text-align:left}.content{color:var(--white);overflow-x:hidden;width:100vw}.soon{align-items:center;display:flex;flex-direction:column;font-size:5vw;height:100vh;justify-content:space-around;text-shadow:0 0 2px #fff;width:100vw}.icon{color:#fff;cursor:pointer}#navbar{-webkit-backface-visibility:hidden;background-color:var(--light-gray);border-radius:9999px;bottom:1rem;color:var(--white);color:hsla(0,0%,100%,.5);font-size:1.3rem;height:4.5rem;justify-content:space-between;left:50%;padding:0 1.25rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:23rem;z-index:50}#navbar,.nav-button{align-items:center;display:flex}.nav-button{cursor:pointer;height:1.8rem;justify-content:center;padding:.5rem;width:1.8rem}.active{background-color:var(--pink);border-radius:100%;box-shadow:0 0 10px 0 var(--pink);color:#fff}@media only screen and (max-width:768px){#navbar{bottom:.5rem;height:4rem;width:15rem}.nav-button{align-items:center;cursor:pointer;display:flex;height:1.5rem;justify-content:center;padding:.5rem;width:1.5rem}}#introduction{align-items:center;background-color:var(--darkest-gray);display:flex;flex-direction:column;height:100vh;position:relative;text-align:left}#introduction-nav{align-items:center;display:flex;justify-content:space-between;padding-top:1rem;position:absolute}#my-name,#software-developer{display:flex;gap:.5rem;margin-bottom:1rem}#software-developer{font-size:2rem}#my-name{font-size:2.5rem}#small-logo div{font-size:2rem}#introduction-nav div:first-child{color:var(--react-blue)}#introduction-nav div:nth-child(2){color:#fff}.hire-me-button{align-items:center;background-color:var(--react-blue);border-radius:9999px;color:#fff!important;cursor:pointer;display:flex;font-size:1.1rem;height:3.5rem;justify-content:center;margin-left:40rem;width:6rem}.introduction-content{align-items:center;display:flex;height:100vh}.introduction-left,.introduction-right{letter-spacing:2px;line-height:1.5rem;position:absolute;z-index:2}.introduction-left{margin-top:4rem}.introduction-right{margin-left:23rem;margin-top:-2rem}#small-logo,.introduction-left{margin-left:-14rem}#my-name{color:var(--react-blue);margin-bottom:1.5rem}.circle{background-color:var(--dark-gray);background-image:url(/Portfolio/static/media/photo.450837a97636fc455d52.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;box-shadow:0 0 20px var(--pink);height:27rem;position:relative;width:27rem;z-index:1}.description{font-size:1rem;margin-bottom:.3rem;position:relative;width:15rem}.description,h1,h2{margin-left:.3rem}#software-developer{display:flex;gap:.5rem;margin-bottom:1.5rem}.introduction-right h2{color:var(--react-blue)}.introduction-line{border:2px solid var(--pink);box-shadow:0 0 10px var(--pink),0 0 20px var(--pink),0 0 40px var(--pink),0 0 80px var(--pink),0 0 120px var(--pink),0 0 200px var(--pink),0 0 300px var(--pink);-webkit-filter:blur(2px);filter:blur(2px);margin-bottom:.5rem;margin-top:.5rem;width:65%}@media only screen and (max-width:600px){#introduction-nav{display:none}.introduction-main{flex-direction:row}.introduction-content{align-items:flex-start;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.introduction-line{margin-bottom:.5rem;margin-top:.5rem;width:60%}.circle{align-self:center;display:flex;height:17rem;margin-top:4vw;width:17rem}.description{font-size:.8rem;letter-spacing:0;width:15rem}.introduction-left,.introduction-right{margin:0 0 0 1rem;position:relative}#small-logo{margin-left:1rem}#my-name{font-size:1.7rem}#software-developer{font-size:1.4rem}}@media only screen and (min-width:601px) and (max-width:991px){#introduction-nav{padding-top:0}.circle{height:18rem;width:18rem}.description{font-size:.8rem;letter-spacing:0;width:10rem}#my-name{flex-direction:column;font-size:1.9rem}#small-logo,.introduction-left{margin-left:-8.3rem}.introduction-right{margin-left:16rem}.hire-me-button{margin-left:18rem}#software-developer{flex-direction:column;font-size:1.6rem}}@media only screen and (min-width:992px) and (max-width:1199px){.circle{height:25rem;width:25rem}.description{font-size:.9rem;letter-spacing:1px;width:13rem}#my-name{font-size:2.2rem}.hire-me-button{margin-left:35rem}#small-logo,.introduction-left{margin-left:-12rem}.introduction-right{margin-left:21.5rem}#software-developer{font-size:1.7rem}}@media only screen and (max-height:1000px) and (max-width:415px){.introduction-content{justify-content:left}}.projects{align-items:center;background-color:var(--dark-gray);display:flex;height:100vh;height:--webkit-fill-available;justify-content:center;width:100%}.show-div{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.show-div.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}#projects-main{align-items:stretch}#projects-header,#projects-main{display:flex;justify-content:center}#projects-header{align-items:center;flex-direction:column}#projects-logo{height:5rem;margin-bottom:2rem;width:5rem}.project-content{display:flex;flex-direction:column;justify-content:center;max-width:50rem;padding-bottom:2rem}.project-header{justify-content:space-between}.arrow,.project-header{align-items:center;display:flex}.arrow{color:var(--mid-gray);font-size:15px;justify-content:center;padding:.4rem}.annotation-link{align-items:center;background-color:var(--react-blue);border-radius:50%;cursor:pointer;display:flex;justify-content:center}.project-description-container{align-items:flex-end;display:flex;margin-bottom:.5rem}.project-description{margin-top:1rem;max-width:35rem;padding-right:1rem;text-align:left;word-spacing:.1rem}.learn-more{bottom:0;color:var(--react-blue);cursor:pointer;font-size:1rem;position:relative;white-space:nowrap}.project-title{color:var(--react-blue);font-size:1.8rem}.horizontal-line{background-color:var(--pink);border:0;height:1px;width:98%}.vertical-line{background-color:var(--pink);box-shadow:0 0 12px var(--pink),0 0 20px var(--pink);height:auto;margin:0 2rem;width:.5px}.play-button{border:.125rem solid var(--pink);border-radius:.25rem;box-shadow:0 0 .5rem 0 var(--pink);color:var(--pink);display:flex;font-size:1.5rem;height:2rem;justify-content:center;padding:1rem;text-shadow:0 0 .1rem hsla(0,0%,100%,.5),0 0 .45rem var(--pink);width:8rem}#chess-play-button{cursor:pointer;margin-top:3.5rem}.chess-logo{margin-top:4rem;width:10rem}.game-text{margin-left:12.5%;width:75%}@media only screen and (max-width:600px){#projects{align-items:flex-start;padding-top:1rem}#projects-main{align-items:center;flex-direction:column}.project-content{max-width:19rem;padding-bottom:1rem}.learn-more{font-size:.7rem}.arrow{font-size:13px}.project-title{font-size:1.4rem}.vertical-line{margin:0 .7rem}#projects-header{max-width:5.5rem}#projects-header h1{font-size:1.3rem}#projects-logo{height:3rem;margin-bottom:1.5rem;width:3rem}.projects-description{font-size:.8rem;margin-bottom:1rem;width:10rem}.project-description{font-size:.7rem;margin-top:.4rem;max-width:18rem;padding-right:.1rem;word-spacing:0}.project-description-container{margin-bottom:.4rem}}@media only screen and (min-width:601px) and (max-width:768px){.project-content{max-width:25rem;padding-bottom:1rem}.learn-more{font-size:.8rem}.arrow{font-size:13px}.project-title{font-size:1.6rem}.vertical-line{margin:0 1rem}#projects-header{max-width:5.5rem}#projects-header h1{font-size:1.3rem}#projects-logo{height:3rem;margin-bottom:1.5rem;width:3rem}.projects-description{font-size:.8rem}.project-description{font-size:.8rem;margin-top:.4rem;max-width:18rem;padding-right:.1rem;word-spacing:0}.project-description-container{margin-bottom:.4rem}}@media only screen and (min-width:768px) and (max-width:992px){.project-content{max-width:35rem}.project-description{font-size:.9rem;margin-top:.5rem;max-width:25rem;padding-right:.1rem;word-spacing:.01rem}.project-description-container{margin-bottom:.4rem}}@media only screen and (min-width:992px) and (max-width:1199px){.project-content{max-width:40rem}.project-description{max-width:28rem}}:root{--python-blue:#3870a1;--python-yellow:#ffd344;--cpp-blue:#5c8dbc;--cpp-dark-blue:#1a4674;--jar-blue:rgba(85,177,201,.3);--jar-border:#00bcff}#skills{align-items:center;background-color:var(--darkest-gray);display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;text-align:center}#skills h1{color:var(--react-blue);font-size:2.5rem;margin-bottom:10vh}.skills-container{display:flex}.stacks{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr}.hover-me{color:var(--pink);font-size:2.5rem;text-shadow:0 0 10px var(--pink),0 0 20px var(--pink),0 0 40px var(--pink),0 0 80px var(--pink);-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.stack{align-items:center;background-color:var(--light-gray);box-shadow:0 10px 10px -10px var(--pink),0 -10px 10px -10px var(--react-blue);cursor:pointer;display:flex;flex-direction:column;height:15rem;justify-content:center;width:15rem}.stack:hover{box-shadow:0 10px 10px -8px var(--pink),0 -10px 10px -8px var(--react-blue)}.stack:hover .logo,.stack:hover .name{opacity:10%}.stack:hover:before{opacity:20%;-webkit-transform:scaleX(1);transform:scaleX(1)}.stack:before{background-color:var(--darkest-gray);content:"";height:15rem;opacity:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;transform-origin:0 0;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:15rem;z-index:4}.stack:hover .hidden{opacity:100%;padding-left:2rem}.logo{z-index:1}.logo,.name{position:relative;transition:opacity .2s ease-in-out}.name{z-index:2}.hidden{color:#707070;font-size:1.4rem;font-weight:900;height:8.5rem;margin-top:6.5rem;opacity:0;position:absolute;text-align:left;text-shadow:0 0 10px #000;-webkit-transform-origin:0 0;transform-origin:0 0;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;transition:padding-left .2s ease-in-out,opacity .2s ease-in-out;width:13rem;z-index:5}#python-logo{border:1px #000;position:relative;width:8rem;z-index:1}#python-name{height:5rem;margin-top:-4rem;position:relative;width:9rem;z-index:2}#react-logo,#react-name{-webkit-filter:drop-shadow(0 0 3px var(--react-blue));filter:drop-shadow(0 0 3px var(--react-blue));width:8rem}#react-name{margin-top:-.5rem}#cpp-logo{-webkit-filter:drop-shadow(0 0 5px #1a4674);filter:drop-shadow(0 0 5px #1a4674);-webkit-filter:drop-shadow(0 0 5px var(--cpp-dark-blue));filter:drop-shadow(0 0 5px var(--cpp-dark-blue));height:7rem;width:7rem}#cpp-name{color:#fff;font-size:2.5rem;font-weight:900;margin-top:-.2rem}#docker-logo{-webkit-filter:drop-shadow(0 0 3px var(--react-blue));filter:drop-shadow(0 0 3px var(--react-blue));width:10rem}@media only screen and (max-width:549px){#skills{justify-content:flex-start}.stack,.stack:before{height:8rem;width:8rem}.stack:before{content:""}.hidden{font-size:.9rem;height:8rem;margin-top:4.5rem;width:8rem}.hover-me{font-size:1.8rem;padding:.5rem}.stacks{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}#python-logo{margin-left:.5rem;width:6rem}#python-name{height:2.5rem;margin-top:-2.5rem;position:relative;width:4.5rem;z-index:2}#react-logo,#react-name{width:4.5rem}#react-name{margin-top:-.3rem}#cpp-logo{height:4.5rem;margin-left:.5rem;width:4.5rem}#cpp-name{font-size:1.7rem;margin-top:-.5rem}#docker-logo{margin-left:.6rem;width:6rem}}@media only screen and (min-width:550px) and (max-width:768px){.stack,.stack:before{height:13rem;width:13rem}.stack:before{content:""}.hidden{font-size:1.4rem;height:13rem;margin-top:8rem;width:13rem}.hover-me{font-size:2rem;padding:.5rem}.stacks{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}}@media only screen and (min-width:768px) and (max-width:992px){.stack,.stack:before{height:14rem;width:14rem}.stack:before{content:""}.hidden{font-size:1.4rem;height:14rem;height:5.5rem;margin-top:1rem;position:absolute;width:14rem;width:11rem;z-index:5}.stacks{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}}@media only screen and (min-width:992px) and (max-width:1199px){.stacks{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}}.timeline-main{align-items:center;background-color:var(--light-gray);display:flex;flex-direction:column;height:100vh;justify-content:center}.timeline-main h1{color:var(--react-blue);font-size:2.5rem}.techstack-header{display:flex;gap:10rem}.timeline-content{display:flex}#timeline-hr{background-color:var(--react-blue);border:0;height:30rem;width:2px}#timeline-hr:before{margin-top:-.5rem}#timeline-hr:after,#timeline-hr:before{background-color:var(--react-blue);border-radius:50%;content:"";height:1rem;margin-left:-.5rem;position:absolute;width:1rem}#timeline-hr:after{margin-top:29.5rem}.right-container{text-align:left}.left-container{text-align:right}.timestamp{align-items:center;display:flex}.timestamp-hr{background-color:var(--react-blue);border:0;height:1px;width:4.5rem}.timestamp-content *{margin:0 1rem;width:15rem}.timestamp-date{color:var(--pink);font-size:1.6rem}.timestamp-title{color:var(--react-blue)}.timestamp-description{font-size:.85rem;margin-top:.2rem}#high-school-timestamp{margin-top:2rem}#studies-timestamp{margin-top:9rem}#comp-timestamp{margin-top:8rem}.send-email-footer{background-color:var(--darkest-gray);text-align:center}.send-email-footer h2{font-size:24px;margin-bottom:10px}.send-email-footer form{display:flex;flex-direction:column;justify-content:center}.email-container{display:flex}.email-container input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--darkest-gray) inset!important;color:#fff!important}.title-input-text{background-color:var(--darkest-gray);left:1.25rem;padding:.2rem;position:absolute;top:-.8rem;z-index:20}#message-title{top:.1rem}.send-email-footer input,.send-email-footer textarea{background-color:var(--darkest-gray);border:1px solid var(--react-blue);border-radius:5px;color:#fff;font-size:16px;margin-right:10px;padding:10px 10px 10px 1rem}.send-email-footer input{height:2rem;width:23rem}.send-email-footer textarea{margin-top:1rem;resize:none;width:28.5rem}.email-container button{align-items:center;background-color:var(--react-blue);border:0;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:900;height:3.4rem;justify-content:center;width:4.8rem}.send-icon{font-size:1.3rem;margin-left:.1rem;position:relative;top:.3rem}.send-email-footer .disclaimer{font-size:14px;margin-top:10px}@media only screen and (max-width:550px){.timeline-main h1{font-size:1.8rem}.techstack-header{gap:3.5rem}.timestamp-date{font-size:1.3rem}.timestamp-title{font-size:1rem}.timestamp-description{font-size:.8rem}.timestamp-hr{width:1rem}.timestamp-content *{width:8rem}}@media only screen and (min-width:550px) and (max-width:650px){.timeline-main h1{font-size:2rem}.techstack-header{gap:9rem}.timestamp-date{font-size:1.5rem}.timestamp-hr{width:4rem}.timestamp-content *{width:11rem}}@media only screen and (max-width:600px){.send-email-footer textarea{height:6rem}}@media only screen and (max-width:768px){.send-email-footer input{height:2rem;width:11rem}.send-email-footer textarea{margin-top:1rem;width:16.5rem}}@media only screen and (min-width:768px) and (max-width:992px){.send-email-footer input{height:2rem;width:15rem}.send-email-footer textarea{margin-top:1rem;width:20.5rem}}#contact{align-items:center;background-color:var(--darkest-gray);height:100vh;justify-content:center;position:relative}#contact,.contact-content{display:flex}.contact-row{font-size:.95rem;margin-top:2rem;padding-top:1.8rem;position:relative;text-align:left}.info{padding:.6rem}@media only screen and (max-width:600px){.contact-content{display:flex;flex-direction:column}.contact-row{font-size:.9rem}.info{padding:.6rem .1rem}}@media only screen and (min-width:601px) and (max-width:768px){.contact-row{font-size:.9rem}.info{padding:.6rem .1rem}}.container{background-color:var(--light-gray);color:var(--white);height:50rem;width:100%}.board{margin:auto;padding-top:10rem;width:32rem}.row{display:flex;flex-direction:row}.square{align-items:center;display:flex;font-size:30px;height:4rem;justify-content:center;width:4rem}.black{background-color:#b58863}.white{background-color:#f0d9b5}.black-font{color:#b58863}.white-font{color:#f0d9b5}.number_cooridantes{font-size:1.5rem;margin-left:-2.5rem;margin-top:-2.2rem;position:absolute}.letter_cooridantes{font-size:1.5rem;margin-left:2.5rem;margin-top:2.2rem;position:absolute}
/*# sourceMappingURL=main.9f4e03e6.css.map*/