body{margin:0!important;padding:0!important}.pages_container{width:100%;display:flex;flex-direction:column;align-items:center}.page,.page-25,.page-50,.page-75,.page-100{position:relative;width:100%;z-index:99}.page-100{height:100vh}.page-75{height:75vh}.page-50{height:50vh}.page-25{height:25vh}code{color:#f5f5f5!important}code .variable{color:#36a3f0}code .str{color:#FF4500;font-weight:600}code .brackets{color:#ffc813}code .function{color:#dccd79}code .class{color:#4ebb7d}@import url("https://fonts.googleapis.com/css2?family=Commissioner:wght@100..900&family=Poiret+One&display=swap");body{margin:0!important;padding:0!important}.pages_container{width:100%;display:flex;flex-direction:column;align-items:center}.page,.page-25,.page-50,.page-75,.page-100{position:relative;width:100%;z-index:99}.page-100{height:100vh}.page-75{height:75vh}.page-50{height:50vh}.page-25{height:25vh}code{color:#f5f5f5!important}code .variable{color:#36a3f0}code .str{color:#FF4500;font-weight:600}code .brackets{color:#ffc813}code .function{color:#dccd79}code .class{color:#4ebb7d}.navbar{position:fixed!important;top:0px;width:100%;z-index:99999}.navbar a{font-size:1.5vw;letter-spacing:0.3vw;opacity:0.5;transition:all 0.2s ease-in-out}.navbar .logo img{width:6vw;height:auto}.navbar .contact{font-family:"Poiret One",serif!important;font-weight:700;font-style:normal;font-size:1.5vw;letter-spacing:0.3vw;opacity:0.5;color:#f5f5f5;transition:all 0.15s ease-in-out;width:max-content;left:99%;transform:translate(-100%);position:relative}.navbar .contact:hover{opacity:1}@media only screen and (min-width:64rem){.navbar .navbar-nav{position:absolute;left:50%;transform:translate(-50%);color:#f5f5f5}.navbar .navbar-nav a{font-family:"Poiret One",serif!important;font-weight:700;font-style:normal;color:#f5f5f5}.navbar .navbar-nav a.active{opacity:1}.navbar .navbar-nav a.active:hover{color:#f5f5f5}.navbar .navbar-nav a:hover{opacity:1;color:#01C26E}.navbar .navbar-nav .ms-auto{margin-left:none}.navbar .navbar-nav .nav-item{padding:0 1vw;position:relative}.navbar .navbar-nav .nav-item:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);height:80%;width:0.15vw;background-color:#f5f5f5}.navbar .navbar-nav .nav-item:first-child{padding-left:0}}@media only screen and (max-width:63.9375rem){.navbar{color:black!important}.navbar .offcanvas{background-color:#f5f5f5}.navbar .logo img{opacity:1!important;width:20vw;height:auto}.navbar .contact{display:none}.navbar .navbar-nav{position:relative;top:50%;transform:translate(0%,-50%);text-align:center}.navbar .offcanvas-header button{font-size:7vw}.navbar a{font-weight:600;font-size:4vh;margin-bottom:3vh;color:#1d1d1d!important}.navbar a.active{color:#01C26E!important}}body{margin:0!important;padding:0!important}.pages_container{width:100%;display:flex;flex-direction:column;align-items:center}.page,.page-25,.page-50,.page-75,.page-100{position:relative;width:100%;z-index:99}.page-100{height:100vh}.page-75{height:75vh}.page-50{height:50vh}.page-25{height:25vh}code{color:#f5f5f5!important}code .variable{color:#36a3f0}code .str{color:#FF4500;font-weight:600}code .brackets{color:#ffc813}code .function{color:#dccd79}code .class{color:#4ebb7d}footer{position:relative;width:100%;height:40vh;background-color:#1d1d1d}footer .content{width:100%;height:70%;padding-left:5vw;padding-right:5vw}footer .content .column-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}footer .content .column-content .me_box{position:absolute;top:50%;right:100%;transform:translate(100%,-50%);width:10vw;height:10vh;background-color:#f5f5f5;border-radius:1vw;opacity:0;transition:all 0.25s ease-in-out}footer .content .column-content .me_box::after{content:'';position:absolute;left:92%;top:35%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #f5f5f5;clear:both;transform:rotate(270deg)}footer .content .column-content .me_box h1{position:relative;font-size:1vw;top:50%;transform:translate(0%,-50%)}footer .content .column-content a{text-align:center;width:100%;transition:0.1s all ease-in-out;color:#e6b14c;text-decoration:none}footer .content .column-content a:hover{color:#ffc857}footer .copyright{position:relative;width:100%;height:30%}footer .copyright .divider{position:relative;width:90%;height:0.5vh;left:50%;transform:translate(-50%);background-color:rgba(114,114,114,0.3);border-radius:1vw}footer .copyright h1{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2vw;text-align:center;letter-spacing:1vw}@media only screen and (min-width:64rem){footer .column-content img{width:7.5vw}footer .column-content a{font-size:2vw}}@media only screen and (max-width:63.9375rem){footer{height:30vh;padding-top:1.5vh;padding-bottom:1.5vh}footer #img_column{display:none}footer .content .img_column{display:none}footer .content .column-content .me_box{display:none}footer .content .column-content img{width:15vw}footer .content .column-content a{font-size:5vw}footer .copyright h1{font-size:4vw;color:#f5f5f5;letter-spacing:2vw}}@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap");body{margin:0!important;padding:0!important}.pages_container{width:100%;display:flex;flex-direction:column;align-items:center}.page,.page-25,.page-50,.page-75,.page-100{position:relative;width:100%;z-index:99}.page-100{height:100vh}.page-75{height:75vh}.page-50{height:50vh}.page-25{height:25vh}code{color:#f5f5f5!important}code .variable{color:#36a3f0}code .str{color:#FF4500;font-weight:600}code .brackets{color:#ffc813}code .function{color:#dccd79}code .class{color:#4ebb7d}*{font-family:"Fira Code",serif;font-optical-sizing:auto;font-weight:400;font-style:normal}#gradient-canvas{display:block;position:relative;top:0;left:0;z-index:1;--gradient-color-4:#009990;--gradient-color-2:#D9EAFD;--gradient-color-3:#E24C3F;--gradient-color-1:#ffc813}.landing{background-color:#1d1d1d;--color:rgba(114,114,114,0.3);background-image:linear-gradient(0deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent);background-size:70px 70px}.landing .transition{background:#1d1d1d;background:linear-gradient(0deg,#1d1d1d 0%,rgba(255,255,255,0) 90%)}.landing .text_container{position:absolute;top:40%;left:20%;transform:translate(-20%,-40%);text-transform:capitalize;text-align:left;color:#f5f5f5}.landing .text_container h5{font-size:1vw}.landing .text_container h1{font-size:7vw}.landing .text_container code{font-size:2vw;text-transform:lowercase}.landing .side_text{position:absolute;top:75%;left:0%;transform:translate(0%,-75%);width:43vw;justify-content:center;display:flex;align-items:center;color:#f5f5f5}.landing .side_text .text_holder{width:80%}.landing .side_text .text_holder h1{font-size:3vw}.landing .side_text .text_holder p{font-size:1vw}.landing .transition{position:absolute;top:100%;transform:translate(0%,-100%);width:100%;height:7.5vw}@media only screen and (min-width:64rem){.gradient_container{position:absolute;top:50%;left:90%;width:25vw;height:25vw;background:rgba(255,255,255,0.5);border-radius:50%;transform:translate(-90%,-50%);z-index:2;clip-path:circle(50%);overflow:hidden;mask:radial-gradient(circle,black 7vw,#0000 13vw);filter:blur(1vw)}}@media only screen and (max-width:63.9375rem){.landing{overflow-x:hidden;overflow-y:hidden}.landing .gradient_parent_container{position:absolute;top:99%;left:50%;transform:translate(-50%,-50%);max-width:100%;overflow-x:hidden;overflow-y:hidden}.landing .gradient_parent_container .gradient_container{position:relative;top:0;left:0;transform:translate(-25%,0%) rotate(90deg);width:200%;height:100%;border-radius:50%;z-index:2;clip-path:circle(50%);overflow:hidden;mask:radial-gradient(circle,black 7vw,#0000 50%);filter:blur(1vw)}.landing .text_container{position:relative;top:40%;left:50%;transform:translate(-50%,-40%);text-transform:capitalize;text-align:left;color:#f5f5f5;width:100%}.landing .text_container h5{text-align:center;font-size:4vw}.landing .text_container h1{text-align:center;font-size:25vw}.landing .text_container code{width:100%;display:inline-block;position:relative;text-align:center;font-size:calc(1vw + 1em);text-transform:lowercase}.landing .transition{position:absolute;top:101%;transform:translate(0%,-100%);width:100%;height:20vh;z-index:9}}body{margin:0!important;padding:0!important}.pages_container{width:100%;display:flex;flex-direction:column;align-items:center}.page,.page-25,.page-50,.page-75,.page-100{position:relative;width:100%;z-index:99}.page-100{height:100vh}.page-75{height:75vh}.page-50{height:50vh}.page-25{height:25vh}code{color:#f5f5f5!important}code .variable{color:#36a3f0}code .str{color:#FF4500;font-weight:600}code .brackets{color:#ffc813}code .function{color:#dccd79}code .class{color:#4ebb7d}.about{background-color:#1d1d1d}.about .initial_view .hero_text span{color:#c5ac75;background-color:#1e242a;border-radius:0.3vw;padding-left:0.5vw;padding-right:0.5vw}.about .final_view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:95dvh;color:#f5f5f5}.about .final_view .cursor{display:inline-block;width:10px;height:1rem;background-color:#333;margin-left:2px;animation:blink 0.8s steps(2) infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.about .final_view .skills_section .divider,.about .final_view .skills_section .tools .row .item .item_divider,.about .final_view .skills_section .tools .row .divider_1,.about .final_view .skills_section .horizontal_divider,.about .final_view .skills_section .vertical_divider{background-color:rgba(114,114,114,0.3);border-radius:1vw}.about .final_view .skills_section .expertise .title{color:#f5f5f5;text-align:center;font-size:2vw}.about .final_view .skills_section .expertise .item{position:relative;left:50%;transform:translate(-50%,0%);padding:1vw;width:85%}.about .final_view .skills_section .expertise .item h1{font-size:1vw}.about .final_view .skills_section .expertise .item .progress_bar{border:none}.about .final_view .skills_section .expertise .item .ai{background-color:#2196F3}.about .final_view .skills_section .expertise .item .web{background-color:#FF9800}.about .final_view .skills_section .horizontal_divider{position:relative;left:50%;transform:translate(-50%,0%);width:80%;height:0.5vh;margin-top:1vh;margin-bottom:1vh}.about .final_view .skills_section .tools{position:relative;left:50%;transform:translate(-50%,0%);width:90%;margin-top:1vw}.about .final_view .skills_section .tools .title{color:#f5f5f5;text-align:center;font-size:2vw;margin:1vw}.about .final_view .skills_section .tools .row{--bs-gutter-x:0}.about .final_view .skills_section .tools .row .divider_1{position:absolute;left:50%;transform:translate(-50%,0%);width:0.5vh;height:90%}.about .final_view .skills_section .tools .row .item .item_divider{position:relative;width:80%;height:0.5vh;margin-bottom:1vh;left:50%;transform:translate(-50%,0%)}.final_view{display:none}@media only screen and (min-width:64rem){.initial_view .hero_text{position:absolute;top:20%;left:50%;transform:translate(-50%,-20%);color:#f5f5f5;text-align:center}.initial_view .run_button{display:none}.initial_view .code_container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50vw;height:20vh;background-color:#252526;border-radius:0.5vw}.initial_view .code_container .line{position:absolute;height:100%;width:0.2vw;border-radius:90vw;background-color:#007fd4;left:-4vw}.initial_view .code_container .run_button_area{position:absolute;width:4vw;left:-4vw;height:100%}.initial_view .code_container .run_button_area .run_button{justify-content:center;display:flex;margin-top:0vh;cursor:pointer}.initial_view .code_container .run_button_area .run_button i{color:white;transform:rotate(90deg);font-size:1.5vw}.initial_view .code_container .run_button_area .bracket{justify-content:center;display:flex;margin-top:130%}.initial_view .code_container .run_button_area .bracket code{font-size:1vw;opacity:0.5}.initial_view .code_container .hero_code{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5vw;width:100%;text-align:center}.final_view .download_cv_button_mobile{display:none}.final_view .bio_section{position:absolute;top:50%;transform:translate(0%,-50%);left:0;width:60%}.final_view .bio_section .download_cv_button_desktop{position:relative;left:50%;transform:translate(-50%);margin-top:1vw;width:12.5vw;background-color:transparent;border:0.1vw solid #01C26E;color:#01C26E;height:6vh;opacity:0}.final_view .bio_section .download_cv_button_desktop p{font-size:1vw;font-weight:600;margin:0;opacity:0}.final_view .bio_section .download_cv_button_desktop:hover{background-color:#01C26E;color:#f5f5f5}.final_view .skills_section{position:absolute;top:50%;left:100%;transform:translate(-100%,-50%);width:40%}.final_view .skills_section .vertical_divider{position:absolute;width:0.5vh;height:100%;margin-left:2.5%}.final_view .skills_section .tools .row .item h1{font-size:1vw}.final_view .skills_section .tools .row .item .values .col{margin-left:1.75vw;margin-bottom:0.7vh;text-align:left;font-size:0.9vw}}@media only screen and (max-width:63.9375rem){.about .initial_view .hero_text{position:absolute;top:30%;left:50%;transform:translate(-50%,-30%);color:#f5f5f5;text-align:center;width:90%}.about .initial_view .code_container{position:absolute;top:55%;left:50%;transform:translate(-50%,-55%);width:90vw;height:20vh;background-color:#252526;border-radius:0.5vw}.about .initial_view .code_container .run_button{position:relative;margin-top:3vh;top:100%;left:50%;transform:translate(-50%);width:50%;padding:3vw;cursor:pointer;background:linear-gradient(45deg,#32CD32,#228B22,#00FF7F);background-size:300%;animation:gradientMove 3s infinite;box-shadow:0 4px 15px rgba(50,205,50,0.3);transition:transform 0.2s,box-shadow 0.2s;font-weight:900}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.about .initial_view .code_container .line{display:none}.about .initial_view .code_container .run_button_area{display:none}.about .initial_view .code_container .hero_code{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3.5vw;width:100%;text-align:center}.about .final_view .download_cv_button_desktop{display:none}.about .final_view .bio_section{position:absolute;margin-top:-2vh;left:0;width:100%;padding-left:4vw;padding-right:4vw;font-size:1.5vh}.about .final_view .bio_section h1{font-size:2.5vh}.about .final_view .skills_section{position:absolute;top:100%;left:50%;transform:translate(-50%,-100%);width:100%}.about .final_view .skills_section .expertise .title{display:none}.about .final_view .skills_section .expertise .item{padding:1vh;width:90%}.about .final_view .skills_section .expertise .item h1{font-size:3vw}.about .final_view .skills_section .horizontal_divider{width:90%}.about .final_view .skills_section .tools{position:relative;left:50%;transform:translate(-50%,0%);width:90%;margin-top:0vh;margin-bottom:3.5vh}.about .final_view .skills_section .tools .last_divider{display:none}.about .final_view .skills_section .tools .version_control{display:none}.about .final_view .skills_section .tools .row{--bs-gutter-x:0}.about .final_view .skills_section .tools .row .item .item_divider{width:90%;margin-top:1vh;margin-bottom:1.5vh}.about .final_view .skills_section .tools .row .item h1{font-size:3vw}.about .final_view .skills_section .tools .row .item .values .col{margin-left:1.75vw;margin-bottom:0.7vh;text-align:left;font-size:3.3vw;width:100%}.about .final_view .skills_section .download_cv_button_mobile{position:relative;left:50%;transform:translate(-50%);width:50vw;background-color:#01C26E;color:#f5f5f5;border:none;opacity:1;text-align:center;height:4vh}.about .final_view .skills_section .download_cv_button_mobile p{top:50%;font-size:4vw;font-weight:600;margin:0;opacity:0}}body{margin:0!important;padding:0!important}.pages_container{width:100%;display:flex;flex-direction:column;align-items:center}.page,.page-25,.page-50,.page-75,.page-100{position:relative;width:100%;z-index:99}.page-100{height:100vh}.page-75{height:75vh}.page-50{height:50vh}.page-25{height:25vh}code{color:#f5f5f5!important}code .variable{color:#36a3f0}code .str{color:#FF4500;font-weight:600}code .brackets{color:#ffc813}code .function{color:#dccd79}code .class{color:#4ebb7d}.projects{background-color:#1d1d1d;--color:rgba(114,114,114,0.3);background-image:linear-gradient(0deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,var(--color) 25%,var(--color) 26%,transparent 27%,transparent 74%,var(--color) 75%,var(--color) 76%,transparent 77%,transparent);background-size:70px 70px}.projects .transition{position:absolute;width:100%;height:10vh;background:#1d1d1d;background:linear-gradient(180deg,#1d1d1d 0%,rgba(255,255,255,0) 90%)}.projects .holder{position:relative;width:100%;height:100vh;padding:0vw}.projects .carousel{position:relative;width:100%;height:100%}.projects .carousel .carousel-inner{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);height:max-content;justify-content:center;padding:3vw}.projects .carousel .carousel-item .content_holder{position:relative;left:50%;transform:translate(-50%,0%);width:max-content;background-color:#0a1d26;border-radius:2.5vw;height:61vh;width:60vw;border:0.2vw #f5f5f5 solid;filter:drop-shadow(0vh 0vh 1.5vw #000000);overflow:hidden}.projects .carousel .carousel-item .content_holder .img_holder{position:absolute}.projects .carousel .carousel-item .content_holder .img_holder .overlay{position:absolute;width:100%;height:100%;border-radius:2.5vw;background-color:#1d1d1d;opacity:0.5;z-index:2}.projects .carousel .carousel-item .content_holder .img_holder img{position:absolute;left:50%;transform:translate(-50%);max-height:60vh;z-index:1}.projects .carousel .carousel-item .content_holder .text_holder a{transition:0.1s all ease-in-out;color:#ffc857;text-transform:lowercase;text-decoration:none}.projects .carousel .carousel-item .content_holder .text_holder a:hover{color:#e6b14c}@media only screen and (min-width:64rem){.projects .title{position:absolute;top:16%;left:50%;transform:translate(-50%,-16%);color:#f5f5f5;font-size:3vw;display:none}.projects .content_holder{width:60vw}.projects .content_holder .img_holder{width:100%;height:100%}.projects .content_holder .text_holder{position:relative;top:100%;transform:translate(0%,-100%);background:#1d1d1d;background:linear-gradient(0deg,#0a1d26 25%,rgba(10,29,38,0) 100%);padding:1.2vw;padding-bottom:0.2vw;border-radius:0vw 0vh 2.5vw 2.5vw;color:#f5f5f5;z-index:3}.projects .content_holder .text_holder a{font-size:3vw}.projects .content_holder .text_holder p{font-size:1.1vw}.projects .content_holder .text_holder p:nth-child(2){font-size:0.9vw}}@media only screen and (max-width:63.9375rem){.projects .title{position:absolute;top:12.5%;left:50%;transform:translate(-50%,-12.5%);color:#f5f5f5;font-size:7vw;width:100%;text-align:center}.projects .carousel .carousel-inner{top:60%;left:50%;transform:translate(-50%,-60%)}.projects .carousel .carousel-item .content_holder{width:70vw}.projects .carousel .carousel-item .content_holder .img_holder{position:relative;width:100%}.projects .carousel .carousel-item .content_holder .img_holder .overlay{display:none}.projects .carousel .carousel-item .content_holder .img_holder img{position:relative;border-radius:2.5vw;width:100%;max-height:unset}.projects .carousel .carousel-item .content_holder .text_holder{position:relative;padding:2vh;color:#f5f5f5;z-index:3;width:100%}.projects .carousel .carousel-item .content_holder .text_holder a{font-size:calc(1vw + 1em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.projects .carousel .carousel-item .content_holder .text_holder p{font-size:3vw}}