@import url(https://fonts.googleapis.com/css2?family=Grape+Nuts&family=Noto+Sans:wght@300&family=Quicksand:wght@300&display=swap);:root{--title-font:"Quicksand",sans-serif;--main-font:"Noto Sans",sans-serif;--notes-font:"Grape Nuts",cursive;--text-color:#333;--bg-color:#f5f5f5}*{margin:0;overflow-x:hidden;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:Noto Sans,sans-serif;font-family:var(--main-font);max-width:100vw;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{align-items:flex-start;justify-content:center;margin:0 2rem;min-height:calc(100vh - 50px)}.container,.wrapper{display:flex;flex-direction:column}.wrapper{gap:2rem;min-height:100%;width:100%}h1,h2{font-family:Quicksand,sans-serif;font-family:var(--title-font);font-size:7rem;font-weight:300;text-transform:uppercase}p{font-size:1.2rem}@media (max-width:768px){h1,h2{font-size:4rem}p{font-size:1rem}}@media (max-width:639px){h1,h2{font-size:3rem}p{font-size:.8rem}}@media (max-width:350px){h1,h2{font-size:2rem}}.intro{text-wrap:break-word;max-width:60%}@media (max-width:1024px){.intro{max-width:90%}}.list-item{height:6rem}.list-first-line,.list-second-line{display:flex;flex-direction:row;gap:4rem}.alma-mater,.date,.degree,.specialization{font-size:1.8rem}.specialization{text-transform:uppercase}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-1400px - 28rem))}}.slider{height:100px;margin:auto;overflow:hidden;position:relative;.slide-track{animation:scroll 30s linear infinite;display:flex;width:calc(2800px + 56rem)}.slide{margin-right:2rem;min-width:100px}}@media (max-width:768px){.alma-mater,.date,.degree,.specialization{font-size:1.6rem}}@media (max-width:350px){.alma-mater,.date,.degree,.specialization{font-size:1.2rem}}.exp-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:0 2rem;min-height:calc(100vh - 50px)}.exp-header{margin-top:8rem}.list{gap:2rem;height:100%;width:100%}.list,.list-item{display:flex;flex-direction:column}.list-item{border-top:1px solid var(--text-color);height:3rem;overflow:hidden;perspective:800px;position:relative}.list-first-line,.list-second-line{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;transition:transform .3s ease;width:100%}.list-first-line{justify-content:space-between;transform:rotateX(0deg);transform:translateY(0);transform-origin:top}.left,.list-first-line{display:flex;flex-direction:row;gap:4rem}.list-second-line{align-items:center;display:flex;flex-direction:row;justify-content:space-between;transform:rotateX(-90deg);transform:translateY(3.5rem);transform-origin:bottom}.list-item:hover .list-first-line{transform:rotateX(90deg);transform:translateY(-3.5rem)}.list-item:hover .list-second-line{transform:rotateX(0deg)}.company,.exp-date,.position{font-size:1.8rem;white-space:nowrap}.company-box{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.company{color:var(--text-color);text-decoration:none;text-transform:uppercase}.company:before{background-color:var(--text-color);bottom:0;content:"";height:1px;position:absolute;right:0;transition:width .3s ease-in-out;width:0}.company:hover:before{left:0;right:auto;width:100%}.small-svg{cursor:pointer;height:48px;max-width:24px}@media (max-width:1024px){.list-item{height:auto}.list-first-line,.list-second-line{-webkit-backface-visibility:visible;backface-visibility:visible;gap:0;position:static;transform:none;transition:none}.list-first-line{flex-direction:column}.list-item:hover .list-first-line{transform:none}}@media (max-width:768px){.company,.exp-date,.position{font-size:1.6rem}}@media (max-width:639px){.left{flex-direction:column;gap:0}}@media (max-width:350px){.company,.exp-date,.position{font-size:1.2rem}}.proj-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;min-height:55vh;padding-bottom:50px;width:100%}.proj-name{font-size:3rem}.proj-item{color:var(--text-color);height:45vh;max-width:450px;min-width:300px;overflow:visible;perspective:3200px;position:relative;text-decoration:none;width:30%}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5px;box-shadow:4px 12px 40px 6px #00000017;display:flex;flex-direction:column;height:100%;position:absolute;transition:transform 1s ease-in-out;width:100%}.front{background:var(--text-color);color:var(--bg-color);transform:rotateY(0deg)}.back{align-items:center;background:var(--bg-color);color:var(--text-color);gap:1rem;justify-content:center;transform:rotateY(-180deg)}.proj-item:hover .front{transform:rotateY(180deg)}.proj-item:hover .back{transform:rotateY(0deg)}.front *{padding:1rem 1rem 0}.back img{border:1px solid var(--text-color);max-height:60%;object-fit:cover;position:relative;width:80%}.proj-desc{opacity:.7}.btn-box{overflow:hidden;position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.btn{color:var(--text-color);font-size:2rem;text-decoration:none;text-transform:uppercase}.btn:before{background-color:var(--text-color);bottom:0;content:"";height:1px;position:absolute;right:0;transition:width .3s ease-in-out;width:0}.btn:hover:before{left:0;right:auto;width:100%}@media (max-width:1024px){.proj-list{min-height:90vh}.proj-name{font-size:2.5rem}.proj-item{height:40vh;width:45%}}@media (max-width:768px){.proj-list{min-height:70vh}.proj-name{font-size:2rem}.proj-item{height:30vh;min-width:250px}.proj-desc{font-size:1rem}}@media (max-width:639px){.proj-list{gap:0;justify-content:center;min-height:110vh}.proj-name{font-size:2.5rem}.proj-item{width:90%}}footer{align-items:center;background-color:var(--text-color);bottom:0;display:flex;flex-wrap:wrap;height:50px;justify-content:space-evenly;padding:0 .5rem;position:fixed;width:100%}footer,footer>a{color:var(--bg-color)}footer>a{text-decoration:none}header{border-bottom:1px solid var(--text-color);display:flex;justify-content:space-evenly;padding:1rem}.link-wrap{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.link-wrap a{color:var(--text-color);font-size:1.2rem;text-decoration:none;text-transform:uppercase}.link-wrap a:before{background-color:var(--text-color);bottom:0;content:"";height:1px;position:absolute;right:0;transition:width .3s ease-in-out;width:0}.link-wrap a:hover:before{left:0;right:auto;width:100%}
/*# sourceMappingURL=main.cc423ec6.css.map*/