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}*{margin:0}a{color:#000;text-decoration:none}body,html{height:100%}main{flex:1 1}ul{list-style:none}ul li a{color:#000;text-decoration:none}h1 b{color:#7bcc5e}footer{background-color:#000;color:#fff;margin-top:90px;padding:20px}.footer-container{display:flex;flex-direction:row}.flinks{display:inline-flex;flex:1 1}.flinks li{padding-right:20px}.cp{flex:1 1}ul.options li{padding:20px}nav{align-items:center;background-color:#a9e758;border:.5px solid #a1bfbb;border-radius:17px;box-shadow:3px 5px 17px -19px;display:flex;flex-direction:column;height:360px;justify-content:center;transition:height .3s ease}nav li{font-size:20px;padding-bottom:20px;text-align:center}nav ul{padding-bottom:50px;padding-top:50px}h1{font-size:60px}.nav-item{animation:fade-in 1s ease-out forwards;animation-delay:0s;color:inherit;margin:0 auto;opacity:0;text-decoration:none}.nav-link:hover{transform:scale(1.2)}.nav-row{display:flex;flex-direction:row;gap:8px}.nav-icon{height:1em;opacity:0;transition:opacity .2s ease}.nav-row:hover .nav-icon{opacity:1}.nav-row:has(.nav-link.active) .nav-icon{opacity:1}nav li#link-item{color:inherit;text-decoration:none}.nav-wrapper{flex:1 1;padding:15px}.nav-link{color:#2f3a2f;font-size:22px;font-weight:700;text-shadow:7px 9px 17px -6px #000}.nav-link.active{color:#e8fffa;font-weight:700;transform:scale(1.2)}nav.collapsed{height:80px}nav.collapsed ul{display:none}.collapse-button img{pointer-events:none}.proj-img:hover{background-color:blue}.flex-container{min-height:100vh}.flex-container,.languages{display:flex;flex-direction:column}.languages{flex-wrap:wrap;font-size:13px;gap:10px;justify-content:center;margin:0 auto;padding-top:40px}.languages ul{flex-wrap:wrap;list-style:none;padding-top:0}.contact-container{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center}.contact-container ul li{font-size:26px;font-style:bold;padding:20px}.contact-container a{color:#789be2}.contact-container ul li:hover{font-weight:700;transform:scale(1.1);transition:.3s}.languages li{background-color:#effff1;border-radius:8px;display:inline-flex;flex-basis:calc(33.333% - 20px);flex-grow:1;flex-shrink:1;margin:10px;padding:10px}li.back{background-color:#dfffe6}li.db{background-color:#bfffd6}.intro{padding-top:50px}#name{animation-duration:1.5s;animation-name:fade-down;font-size:60px}#desc{animation:fade-up 1s ease-in forwards;animation-delay:1.3s;color:#98b891;font-size:23px;margin-top:14px;opacity:0}.back,.db,.front{animation:fade-up .2s ease-in forwards;opacity:0}.port a{color:#000;display:inline;text-decoration:none}.works-section{display:flex;height:auto;width:100%}.works-list{display:flex;flex:1 1;flex-direction:column;padding:50px 0 0}.work-links h5:nth-child(2){background-color:#000;border-radius:16px;padding:7px}.work-links h5:hover{background-color:#33a592;transition:.5s}.git{background-color:grey}.git,.git.available{border-radius:16px;padding:7px}.git.available{background-color:#000}.work-item{cursor:pointer;font-size:30px;padding:10px 80px;text-align:left}.work-item:hover{color:blue;transform:scale(1.1)}.title-item.activeClick{color:#00afaf;transform:scale(1.1)}.titlesA{background-color:#33a592;border-radius:16px;color:#fff}.titlesCol{color:#7bcc5e}.work-details{animation:pop-up .3s ease-in;background-color:#fbffff;border:1px solid #c5c0c0;border-radius:17px;box-shadow:7px 9px 17px -19px;display:flex;flex:1 1;flex-direction:column;opacity:0;padding:20px;position:relative;transition:opacity .3s ease-in-out}.work-details.visible{opacity:1}.work-details img{border:1px solid #ccc;height:auto;max-height:400px;object-fit:cover;transition:opacity .5s ease-in-out;width:100%}.work-text{padding-top:10px;text-align:left}.work-container:hover .work-img{opacity:1}.nav-item:first-child{animation-delay:.2s}.nav-item:nth-child(2){animation-delay:.4s}.nav-item:nth-child(3){animation-delay:.6s}.nav-item:nth-child(4){animation-delay:.8s}.nav-item:nth-child(5){animation-delay:1s}.work-item:nth-child(n){animation-delay:.3s;animation:fade-in 1s ease-out forwards}#logo{float:left;padding:30px;text-align:left}.Header{align-items:center;background-color:#fbfcfa;border-bottom:1px solid #c7dbc1;display:flex;margin-bottom:50px;width:100%}.Header,.Header a{color:#000}.options{display:inline-flex;gap:20px;margin-left:auto;padding-right:30px}.content{display:flex;flex-direction:row;gap:7px;height:100%;width:100%}@media(max-width:800px){.title-item.activeClick{background-color:#660bce;border-radius:16px;color:#fff;gap:15px;padding:10px;transition:.75s}.content{flex-direction:column-reverse;gap:15px}.work-item .title-item{font-size:20px}.about-container,.works-section{flex-direction:column;gap:30px}.about-container{align-items:center}}.main{flex:6 1}.about-items p{font-size:20px}.about-container{display:flex;justify-content:center;padding-top:40px}#aboutPhoto{background-color:#fff;border:1px solid #aec4c3;border-radius:17px;box-shadow:7px 9px 17px -19px;flex:1 1;height:300px;margin-right:17px;overflow-y:auto;padding:10px;width:60%}#aboutme{color:#3d5253;flex:1 1;text-align:left;width:70%}.portfolio{display:flex;flex-wrap:wrap;gap:20px;height:80%;margin:40px;padding:0}.imageBg{background-color:#000;object-fit:cover}.useImage:hover{opacity:20%}.goButton{background-color:#bbff3c;border:none;border-radius:20px;color:#000;font-size:20px;font-weight:700;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform .3s ease;width:120px}.goButton:hover{transform:translate(-50%,-50%) scale(1.5)}.portfolio .port{animation:fade-up .8s ease-out forwards;background:#f5f5f5;border-radius:17px;box-sizing:border-box;flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;list-style:none;opacity:0;padding:20px;transform:translateY(40px)}.portfolio:has(:only-child) .port{flex:1 1 100%}.options li a{background-color:#000;border-radius:16px;color:#bbff3c;padding:15px;text-decoration:none}.options li a:hover{background-color:#505846;color:#cef195;transition:.2s}@keyframes fade-down{0%{opacity:0;transform:translate3d(0,-40px,0)}to{opacity:100%;transform:translateZ(0)}}@keyframes fade-up{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade-in{0%{opacity:0;transform:translate3d(-40px,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes pop-up{0%{transform:scale(.7)}to{transform:scale(1)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d7a92f9f.css.map*/