@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300&display=swap);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;overscroll-behavior-y:none;padding:0;scroll-behavior:smooth!important}@-webkit-keyframes slide-info{0%{-webkit-transform:translateY(-72px);transform:translateY(-72px)}25%{-webkit-transform:translateY(-48px);transform:translateY(-48px)}50%{-webkit-transform:translateY(-24px);transform:translateY(-24px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-info{0%{-webkit-transform:translateY(-72px);transform:translateY(-72px)}25%{-webkit-transform:translateY(-48px);transform:translateY(-48px)}50%{-webkit-transform:translateY(-24px);transform:translateY(-24px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0;padding-bottom:20px;padding-top:20px;position:fixed;top:20px;width:100%;z-index:1}.nav-bar ul{list-style:none;text-align:center}.nav-bar li{display:inline;margin:40px}.nav-bar ul>li>a{color:#fff;text-decoration:none}.nav-bar ul>li>a:hover{color:#0fb}.selected-page{color:#0fb;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px;text-underline-position:below}.page-title{color:#fff;font-family:Manrope,sans-serif;position:absolute;right:14%;top:20%}#programming>p{white-space:pre-wrap}@media screen and (max-width:1145px){.nav-bar{background-color:blue;display:none;margin:0;position:fixed;top:0;width:100%;z-index:1}.nav-bar ul{list-style:none;text-align:center}.nav-bar li{display:inline;margin:10px}.nav-bar ul>li>a{color:#fff;text-decoration:none}.first-page{background:#000;font-size:2px}.first-decoration{-webkit-animation:none;animation:none;border-radius:0;will-change:auto}.first-page-decoration{display:none;height:0;width:0}.profile-picture-holder{-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;margin-top:50px;padding:0;top:0}.profile-picture-holder h4{font-weight:revert;position:revert}}.keyword{color:#cc7832}.variable{color:#a9b7c6}.string{color:#6a8759}.array-index{color:#6897bb}.output-string{color:hsla(0,0%,100%,.6)}.second-page{background:linear-gradient(-180deg,#282f37,#22282f);height:100%;position:absolute;top:100%;width:100%}.second-container{font-size:large;padding:20px;position:absolute;right:14%;top:32%;width:70%}.second-container .title-bar{background-color:#353840;border-radius:20px 20px 0 0;height:40px;width:100%}.second-container .title-bar>ul>li{border-radius:100%;display:inline-block;height:12px;list-style-type:none;margin-left:10px;margin-top:15px;width:12px}.second-container .title-bar>ul>li:first-child{background-color:#ff5f57;margin-left:22px}.second-container .title-bar>ul>li:nth-child(2){background-color:#febc2e}.second-container .title-bar>ul>li:nth-child(3){background-color:#28c840}.second-container .details-window{background-color:#282c34;border-radius:0 0 20px 20px;display:block;height:400px;width:100%}.second-container .details-window>#programming>p{font-family:Courier New,Courier,monospace;font-size:medium;font-weight:600}.second-container .details-window>#output-log>p{color:#fff;font-family:Manrope,sans-serif;font-size:large;font-weight:600}.second-container .run-button{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:ripple;animation-name:ripple;background-color:rgba(0,255,187,.5);border-radius:100%;cursor:pointer;height:50px;position:absolute;right:0;-webkit-transform:translate(-50px,-75px);transform:translate(-50px,-75px);width:50px}.second-container .run-button>*{height:50px;width:50px}.seventh-page{background:linear-gradient(-180deg,#0b0c0f,#000);height:100%;position:absolute;top:600%;width:100%}.seventh-container{font-size:large;min-height:300px;overflow:hidden;padding:20px;position:absolute;right:14%;top:32%;width:70%}.seventh-container .contact-slider{align-items:center;display:block;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.seventh-container .contact-slider>a>*{fill:#fff;height:100px;margin-left:100px;margin-top:100px;width:100px}.contact-slider #whatsapp_logo:hover{fill:#50d890}.contact-slider #linkedin_logo:hover{fill:#2596be;background-color:#fff;border-radius:20px}.contact-slider #gmail_logo:hover>path:first-child{fill:#4285f4}.contact-slider #gmail_logo:hover>path:nth-child(2){fill:#34a853}.contact-slider #gmail_logo:hover>path:nth-child(3){fill:#fbbc04}.contact-slider #gmail_logo:hover>path:nth-child(4){fill:#ea4335}.contact-slider #gmail_logo:hover>path:nth-child(5){fill:#c5221f}.contact-slider #github_logo:hover{fill:#000;background-color:#fff;border-radius:50%}.third-container{font-size:large;padding:20px;position:absolute;right:14%;top:32%;-webkit-user-select:none;user-select:none;width:70%}.third-page{background:linear-gradient(-180deg,#22282f,#1d2228);height:100%;position:absolute;top:200%;width:100%}.third-page p{color:#fff;font-family:Manrope,sans-serif}.third-container ul{left:30px;list-style-type:disc;position:relative}.third-container li{color:#fff;display:list-item;list-style:none;margin:0 0 100px 10px;padding:0}.third-container li:first-child{margin-bottom:100px;margin-top:10px}.third-container li:last-child{margin-bottom:10px;margin-top:10px}.third-container .slider{background:#50d890;border-radius:20px;height:100%;position:absolute;top:0;width:12px}.third-container .slider .inner-slider{background:#000;border-radius:20px;height:75px;margin:12px auto auto;transition:all 75ms ease-in-out;width:4px}.third-container .inner-div{float:right;margin-right:10px}.third-container .inner-div ul{width:140px}.third-container .inner-div ul>li{font-weight:200;opacity:.4}.third-container .inner-div .selected-year{font-weight:600;opacity:1}.third-container .education-text{padding:20px}.third-container .education-text p{color:#fff;font-weight:600;letter-spacing:2px;margin-top:120px;text-align:center}#year2014,#year2017,#year2020{cursor:pointer}.fourth-page{background:linear-gradient(-180deg,#1d2228,#171a1f);height:100%;position:absolute;top:300%;width:100%}.fourth-container{font-size:large;min-height:300px;padding:20px;position:absolute;right:14%;top:32%;-webkit-user-select:none;user-select:none;width:70%}.fourth-page p{color:#fff;font-family:Manrope,sans-serif}.fourth-container ul{left:30px;list-style-type:disc;position:relative;top:110px}.fourth-container li{color:#fff;cursor:pointer;display:list-item;list-style:none;margin:0 0 100px 10px;padding:0}.fourth-container li:first-child{margin-bottom:100px;margin-top:10px}.fourth-container li:last-child{margin-bottom:10px;margin-top:10px}.fourth-container .slider{background:#50d890;border-radius:20px;height:65%;position:absolute;top:120px;width:12px}.fourth-container .slider .inner-slider{background:#000;border-radius:20px;height:45px;margin:12px auto auto;transition:all 75ms ease-in-out;width:4px}.fourth-container .inner-div{float:right;margin-right:10px}.fourth-container .inner-div ul>li{font-weight:400;opacity:.4}.fourth-container .experience-text p{color:#fff;font-weight:600;letter-spacing:2px;margin-top:200px;text-align:center}.fourth-container .inner-div .selected-year{font-weight:600;opacity:1}:root{--first-page-decoration-start-top:0px;--first-page-decoration-start-left:0px;--first-page-decoration-top:0px;--first-page-decoration-left:0px}.first-page{background:#282f37;height:100%;overflow:hidden;position:absolute;width:100%}.first-page-decoration{background-color:rgba(0,255,187,.6);background-image:radial-gradient(hsla(0,0%,100%,.5) 1px,transparent 0);background-size:20px 20px;height:750px;width:750px}@-webkit-keyframes first-decoration-animation{0%{-webkit-transform:translate(0);transform:translate(0);-webkit-transform:translate(var(--first-page-decoration-start-top),var(--first-page-decoration-start-left));transform:translate(var(--first-page-decoration-start-top),var(--first-page-decoration-start-left))}to{-webkit-transform:translate(0);transform:translate(0);-webkit-transform:translate(var(--first-page-decoration-top),var(--first-page-decoration-left));transform:translate(var(--first-page-decoration-top),var(--first-page-decoration-left))}}@keyframes first-decoration-animation{0%{-webkit-transform:translate(0);transform:translate(0);-webkit-transform:translate(var(--first-page-decoration-start-top),var(--first-page-decoration-start-left));transform:translate(var(--first-page-decoration-start-top),var(--first-page-decoration-start-left))}to{-webkit-transform:translate(0);transform:translate(0);-webkit-transform:translate(var(--first-page-decoration-top),var(--first-page-decoration-left));transform:translate(var(--first-page-decoration-top),var(--first-page-decoration-left))}}.first-decoration{-webkit-animation:first-decoration-animation 20s linear infinite alternate;animation:first-decoration-animation 20s linear infinite alternate;border-radius:100%;left:-250px;position:relative;top:-250px;will-change:first-decoration-animation}.profile-picture-holder{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:4px solid rgba(0,0,0,.2);border-radius:20px;font-size:large;padding:20px;position:absolute;right:14%;top:32%;width:70%}.profile-picture-holder h1{font-family:Manrope,sans-serif}.profile-picture-holder .list{height:24px;overflow:hidden;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-picture-holder ul>li{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:slide-info;animation-name:slide-info;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;position:relative}.profile-picture-holder ul>li>h3{color:rgba(127,255,212,.7);font-family:Manrope,sans-serif;font-size:medium;list-style-type:none}.profile-picture-holder h4{color:#fff;font-family:Manrope,sans-serif;font-weight:500;position:absolute;top:30%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-picture-holder a{background-color:#0fb;border-radius:40px;bottom:0;color:#000;font-family:Manrope,sans-serif;font-size:12px;margin-bottom:20px;padding:10px 40px;position:absolute;text-decoration:none}.profile-picture-holder img{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:ripple;animation-name:ripple;border-radius:50%;float:right;height:300px;width:300px}@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0 hsla(0,0%,78%,.4)}to{box-shadow:0 0 0 25px transparent}}@keyframes ripple{0%{box-shadow:0 0 0 0 hsla(0,0%,78%,.4)}to{box-shadow:0 0 0 25px transparent}}.name-underline{position:absolute;top:35%}:root{--sixth-page-first-opacity:0.4;--sixth-page-first-rotateY:45deg;--sixth-page-first-scale:1;--sixth-page-second-opacity:1;--sixth-page-second-rotateY:0deg;--sixth-page-second-scale:1.1;--sixth-page-third-opacity:0.4;--sixth-page-third-rotateY:-45deg;--sixth-page-third-scale:1;--sixth-page-fourth-opacity:0;--sixth-page-fourth-rotateY:0deg;--sixth-page-fourth-scale:1;--sixth-page-fifth-opacity:0.4;--sixth-page-fifth-rotateY:-45deg;--sixth-page-fifth-scale:1}.sixth-page{background:linear-gradient(-180deg,#14171c,#0b0c0f);height:100%;position:absolute;top:500%;width:100%}.sixth-container{font-size:large;min-height:300px;overflow:hidden;padding:20px;position:absolute;right:14%;top:32%;width:70%}.sixth-container ul{display:inline-flex;flex-direction:row;height:auto;list-style-type:none;width:auto}.sixth-container ul>div{background-repeat:repeat-x;display:flex}.sixth-container ul>div>li{display:inline;justify-content:center;margin-bottom:25px;text-align:center}.sixth-container ul>div>li>img{height:240px;width:auto}.sixth-container ul>div>li{color:#fff;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.sixth-container ul>div>li:first-child{margin-left:-10px;opacity:.4;opacity:var(--sixth-page-first-opacity);scale:1;scale:var(--sixth-page-first-scale);-webkit-transform:perspective(1000px) rotateY(45deg);transform:perspective(1000px) rotateY(45deg);-webkit-transform:perspective(1000px) rotateY(var(--sixth-page-first-rotateY));transform:perspective(1000px) rotateY(var(--sixth-page-first-rotateY));transition:all 1s ease-in-out}.sixth-container ul>div>li:nth-child(2){margin-left:-40px;opacity:1;opacity:var(--sixth-page-second-opacity);scale:1.1;scale:var(--sixth-page-second-scale);-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);-webkit-transform:perspective(1000px) rotateY(var(--sixth-page-second-rotateY));transform:perspective(1000px) rotateY(var(--sixth-page-second-rotateY));transition:all 1s ease-in-out}.sixth-container ul>div>li:nth-child(3){margin-left:-25px;opacity:.4;opacity:var(--sixth-page-third-opacity);scale:1;scale:var(--sixth-page-third-scale);-webkit-transform:perspective(1000px) rotateY(-45deg);transform:perspective(1000px) rotateY(-45deg);-webkit-transform:perspective(1000px) rotateY(var(--sixth-page-third-rotateY));transform:perspective(1000px) rotateY(var(--sixth-page-third-rotateY));transition:all 1s ease-in-out}.sixth-container ul>div>li:nth-child(4){margin-left:30px;margin-right:30px;opacity:0;opacity:var(--sixth-page-fourth-opacity);scale:1;scale:var(--sixth-page-fourth-scale);-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg);-webkit-transform:perspective(1000px) rotateY(var(--sixth-page-fourth-rotateY));transform:perspective(1000px) rotateY(var(--sixth-page-fourth-rotateY));transition:all 1s ease-in-out}.sixth-container ul>div>li:nth-child(5){margin-left:30px;margin-right:30px;opacity:.4;opacity:var(--sixth-page-fifth-opacity);scale:1;scale:var(--sixth-page-fifth-scale);-webkit-transform:perspective(1000px) rotateY(-45deg);transform:perspective(1000px) rotateY(-45deg);-webkit-transform:perspective(1000px) rotateY(var(--sixth-page-fifth-rotateY));transform:perspective(1000px) rotateY(var(--sixth-page-fifth-rotateY));transition:all 1s ease-in-out}.sixth-container ul>div>li>img{border:5px solid rgba(77,77,77,.7);border-radius:20px}.sixth-container .projects-container{-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:relative}#projects-image-holder{margin-left:-80px;position:relative;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.sixth-container .projects-container>ul>li:first-child>img{border-radius:10px;display:flex;-webkit-transform-origin:center;transform-origin:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.dots{align-items:center;display:flex;justify-content:center}.dots div{background-color:rgba(127,255,212,.4);border-radius:50%;cursor:pointer;height:8px;margin:8px;width:8px}@-webkit-keyframes dots-border{0%{border-color:#313131}to{border-color:#25a57a}}@keyframes dots-border{0%{border-color:#313131}to{border-color:#25a57a}}.dots .checked{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#7fffd4;border:4px solid #313131;height:12px;margin:4px;width:12px}.fifth-page{background:linear-gradient(-180deg,#171a1f,#14171c);height:100%;position:absolute;top:400%;width:100%}.fifth-container{font-size:large;max-height:300px;min-height:300px;overflow:hidden;padding:20px;position:absolute;right:14%;top:32%;width:70%}.fifth-container ul{color:#000;display:inline-flex;justify-content:center;list-style-type:none;overflow:hidden;text-align:center}.fifth-container ul>li{background-color:#fff;border-radius:10px;display:block;margin-left:50px;min-height:250px;min-width:200px}.fifth-container ul>li>img{border-radius:10px;height:180px;margin-bottom:15px;margin-top:10px;width:180px}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-60%);transform:translateX(-60%)}}@keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-60%);transform:translateX(-60%)}}.ul-container ul{-webkit-animation-duration:50s;animation-duration:50s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:slide;animation-name:slide;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:ease;animation-timing-function:ease;overflow:hidden;position:relative;scroll-behavior:smooth}
/*# sourceMappingURL=main.6b7b3065.css.map*/