@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";header{min-height:90vh}header img{width:75%;max-width:275px}header.about-info{border-bottom:2px solid #444!important}section.container-fluid{border-top:1px solid var(--clr-border)!important}.name{font-weight:700}.about{padding-top:10vh!important;border-bottom:1px solid var(--clr-border)!important}.text-emphasis,.about span{color:#31b034}section.about .container{border-top:1px solid var(--clr-border);border-left:1px solid var(--clr-border);border-right:1px solid var(--clr-border);padding:20px}.skill-parent{border-radius:24px;width:fit-content;margin-top:10vh}.skill-parent .child{padding:5px 10px;border-radius:10px;transition:all .3s cubic-bezier(.2,.6,.2,1)}.skill-parent .child:not(.active):hover{background:var(--clr-border);transition:all .3s cubic-bezier(.2,.6,.2,1)}.border{border-color:var(--clr-border)!important}.active{background-color:var(--clr-white);color:#000}.active p{font-weight:500}.skill-list{padding:0!important}.skill-list.border{border-bottom:none!important}.skill-list .border{border-top:none!important;border-left:none!important}.skill-list .border:nth-child(2n-2){border-right:none!important}.skill-list .child{width:50%;min-height:100px}.skill-list>div{margin:auto}.skill-info{padding:10% 0}.banner{margin-top:10vh!important}.banner .container{padding:0!important;margin-top:10vh!important;margin-bottom:10vh!important}.banner .left{flex:1;background:#222;padding:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.banner .right{flex:1;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden}.work-experience .container{padding:10vh 0!important}.work-experience .circle{width:10px;height:10px;border-radius:100%}.work-experience .circle:nth-child(1){background:#eb42f0}.work-experience .circle:nth-child(2){background:#42f042}.work-experience .left{flex:1;min-height:200px}.work-experience .right{flex:1;padding:20px;min-height:30vh;max-height:50vh;overflow:auto}.work-experience .right.border{border-top:none!important}.work-experience .child,.work-experience .accordion-item{min-width:250px!important;border-radius:10px!important;background-color:#131313!important;border:1px solid var(--clr-border)!important}.work-experience .accordion-button{padding:10px!important}.accordion-button:focus{box-shadow:none}.accordion-button:after{position:absolute;top:40%;right:3%}.work-experience .accordion-item button{background:transparent!important;color:var(--clr-white);border:none!important;font-size:18px!important;font-weight:300!important;line-height:160%!important}.work-experience .accordion-body{font-size:16px}.accordion-button:not(.collapsed){box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--clr-border)!important}section.positive{border-bottom:1px solid var(--clr-border)!important}.positive .layout-space{padding-top:10vh!important;border-top:none!important;border-bottom:none!important}.positive .body p{font-size:16px}.positive .parent .child{width:100%}.positive .parent .body,.positive .container{padding:20px}.positive .parent{gap:20px}.positive .image-parent img{border-radius:10px;margin-bottom:20px;transition:all .8s cubic-bezier(.2,.6,.2,1)}.positive .image-parent:hover img{transition:all .8s cubic-bezier(.2,.6,.2,1)}.giphy-parent{width:100%;position:relative;overflow:hidden;height:0;padding-bottom:50%}.giphy-parent iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:100%}.positive .child ul svg{font-size:14px;color:#1dc523}section.contact{margin-top:10vh;margin-bottom:10vh;border-top:none!important}.contact .container{padding:10vh 0;border-radius:20px}.email{padding:20vh 0}.email .actual-email{font-size:5vw;font-weight:600}@media only screen and (min-width: 768px){.about{padding-top:0}.skill-list>div{width:75%!important}.skill-list .child{width:30%;min-height:150px}.skill-list .border{border:1px solid var(--clr-border)!important;border-top:none!important}.skill-list .border:nth-child(2n-2){border-right:1px solid var(--clr-border)!important}.skill-list .border:nth-child(3n-2){border-right:none!important}.skill-list .border:nth-child(3n){border-left:none!important}.banner .left{padding:5vh;border-top-left-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:0}.banner .right{border-top-left-radius:0;border-top-right-radius:20px;border-bottom-right-radius:20px}.work-experience .child{padding:15px!important}.work-experience .right{padding:20px;min-height:50vh}.work-experience .right.border{border-top:1px solid var(--clr-border)!important;border-left:none!important}.positive .parent .child{min-width:300px;max-width:300px}section.about .container{padding:10vh 10% 5vh}.work-experience .accordion-button{padding:10px 15px!important}}@media only screen and (min-width: 992px){.email .actual-email{font-size:5vh}.positive .parent .child{min-width:30%}.skill-list .child{width:30%;min-height:200px}.accordion-button:after{top:30%;right:2%}.test:before{background:linear-gradient(to left,#000,#000c,#00000080)!important}}.contact .test{width:100%;max-width:650px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;position:absolute;top:-80px;left:-50px;transform:rotate(10deg);z-index:-1}.test:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to left,#000,#000c,#000000e6);pointer-events:none}.contact img{width:200px;height:200px;border-radius:10px}.green{color:#31b034}.yellow{color:#d9d659}.blue{color:#3337cc}.svg-width{width:15px;height:15px}.socials a:hover{color:#fff!important}.project-page{margin-top:15vh;margin-bottom:15vh}section.container-fluid.project-page{border-top:0!important}.project-page img{width:initial;height:initial!important}.project-page .child .image-parent{height:initial!important}.project-page>div{max-width:1000px}.project-page .child h2{font-weight:400;font-size:24px}.project-page .child p{font-size:16px}.project-page .child .left{width:100%;height:auto}.project-page .child .right{padding:20px;border-bottom-right-radius:24px;border-bottom-left-radius:24px;background-color:var(--clr-light-black)}.project-page .child .image-parent{width:100%;height:100%}.project-page img{width:100%;height:100%;border-top-right-radius:24px;border-top-left-radius:24px}.badge{background-color:#333!important;font-weight:300;letter-spacing:1px;padding:5px 7px;font-size:10px!important;color:#adb5bd}.project .container{padding:10vh 0 20vh}.project .child{margin-bottom:100px}.project .child .lazyload-wrapper{width:90%;margin:auto;max-width:350px;min-width:250px;min-height:250px;border-radius:24px!important;overflow:hidden;transition:all .8s cubic-bezier(.2,.6,.2,1)}.project .child img{width:100%;height:100%;object-fit:cover;border-radius:24px!important;transition:all .8s cubic-bezier(.2,.6,.2,1)}.project .image-design{border-radius:24px!important;position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#0000,#000);z-index:100;transition:all .8s cubic-bezier(.2,.6,.2,1)}.project .child:hover .image-design{background-image:linear-gradient(#0000,#0000);transition:all .8s cubic-bezier(.2,.6,.2,1)}.project .child:hover img{transform:scale(1.1);transition:all .8s cubic-bezier(.2,.6,.2,1)}.project .parent{gap:3vw}@media only screen and (min-width: 768px){.project-page .child .left{min-height:300px}.project .child .lazyload-wrapper{width:100%}.project-page img{border-top-right-radius:0;border-bottom-left-radius:24px;height:100%!important}.project-page .child .image-parent{height:100%!important}.project-page .child .right{border-top-right-radius:24px;border-bottom-right-radius:24px;border-bottom-left-radius:0}.project-page>div{width:90%}.project .parent{gap:3vw}.project .child{margin-bottom:50px}}.project-intro .container{padding:0 10%!important}.project-intro img{border-radius:10px}.project-intro .project-banner img{max-width:600px!important;border-radius:24px}.project-technology .child{background:var(--clr-border);border:1px solid #3e3e3e;padding:10px;min-width:50px!important;border-radius:10px;font-size:12px}.project-technology .child:hover{border:1px solid var(--clr-white);color:var(--clr-white)!important}section.container-fluid.project-design{border-bottom:1px solid var(--clr-border)}.project-design{margin-top:20vh;margin-bottom:20vh}.project-design .container{padding-top:10vh;padding-bottom:10vh}.project-design .box{width:90%;max-width:500px;min-height:300px;border-radius:15px}.project-design .box .left{flex:1}.project-design .box{flex:1;max-width:400px}.project-design .tags{width:100%;max-width:350px}.project-design .box .font{line-height:1}.project-design .color-box{width:4em;height:3em;background:red;border-radius:10px}.project-design .color-box:hover svg{display:initial!important}.project-design .frac{height:5px}.project-design .frac:first-of-type{border-top-left-radius:10px;border-bottom-left-radius:10px}.project-design .frac:last-of-type{border-top-right-radius:10px;border-bottom-right-radius:10px}.project-design .frac:nth-child(1),.project-design li:nth-child(1) .circle{background:#8a2be2}.project-design .frac:nth-child(2),.project-design li:nth-child(2) .circle{background:#40e0d0}.project-design .frac:nth-child(3),.project-design li:nth-child(3) .circle{background:coral}.project-design .frac:nth-child(4),.project-design li:nth-child(4) .circle{background:#4169e1}.project-design .frac:nth-child(5),.project-design li:nth-child(5) .circle{background:tomato}.project-design .frac:nth-child(6),.project-design li:nth-child(6) .circle{background:gold}.project-design .frac:nth-child(7),.project-design li:nth-child(7) .circle{background:salmon}.project-design .frac:nth-child(8),.project-design li:nth-child(8) .circle{background:#6a5acd}.project-design .frac:nth-child(9),.project-design li:nth-child(9) .circle{background:#3cb371}.project-design .frac:nth-child(10),.project-design li:nth-child(10) .circle{background:#dc143c}.project-design .circle{width:10px;height:10px}.project-design .languages-text p{font-size:1em!important}.project-external{font-size:50px;position:fixed;right:5%;bottom:5%;transition:all .3s cubic-bezier(.2,.6,.2,1)}.project-external svg:hover{background:var(--clr-white);color:var(--clr-light-black)!important;border-radius:100%!important;transition:all .3s cubic-bezier(.2,.6,.2,1)}.project-screenshot .child{width:100%;max-width:300px;min-height:200px;max-height:250px}.carousel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000!important;background-image:radial-gradient(#000,#00000080)}.carousel button{width:10%}.carousel-item{max-width:70%;max-height:80vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:24px;overflow:hidden}.carousel-item img{width:100%;height:100%;object-fit:contain}@media only screen and (min-width: 768px){.project-design .tags{width:40%}}:root{--clr-white: #f8f9fa;--clr-light-white: #8f8f8f;--clr-light-white: darkgray;--clr-border: #1e1e1e;--clr-light-black: #111}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#111;border:1px solid var(--clr-border)}::-webkit-scrollbar-thumb{background-color:#444;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#555}p,h1,h2,h3,h4,h5,h6,a{padding:0!important;margin:0!important}.btn-primary{background:none!important;padding:5px 10px!important;border:1px solid var(--clr-white);text-decoration:none!important;transition:all .3s cubic-bezier(.2,.6,.2,1)}.btn-primary:hover{border:1px solid white;background:#fff!important;color:var(--clr-light-black)!important;transition:all .3s cubic-bezier(.2,.6,.2,1)}.lazyload-wrapper{height:100%}body{background-color:#000;font-family:Poppins,sans-serif;color:var(--clr-light-white);font-size:1rem}p{line-height:160%;font-weight:300}a{color:var(--clr-white)!important;text-decoration:none}a:hover{text-decoration:underline}img{width:100%;height:100%;object-fit:cover}.logo a{font-weight:500!important;text-transform:uppercase}.text-light-white{color:var(--clr-light-white)!important}.text-light{color:var(--clr-white)!important}.paragraph{width:90%;max-width:650px}.flex-center{display:flex!important;justify-content:center!important;align-items:center!important}.cursor-pointer{cursor:pointer}nav{top:0;z-index:999;background-color:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000}nav .container{padding-top:5vh!important;padding-bottom:5vh!important;border-bottom:1px solid var(--clr-bottom)}nav a{font-weight:300}nav ul{padding:calc(var(--bs-gutter-x) * .5)!important;background-color:#000c!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}nav ul li{padding-bottom:10px!important}.intro{margin:15vh 0 10vh}.intro p{color:var(--clr-light-white);font-size:18px}.projects-container{max-width:1200px}.projects-container h2{font-size:18px}.projects-container p{padding:10px 20px 0!important}.projects-container .child{margin-bottom:25px;width:calc(70% - 50px)!important;min-width:270px}.projects-container .project-description{font-size:.9em}.projects-container .image-parent{height:400px;border-radius:24px;overflow:hidden;transition:all .8s cubic-bezier(.2,.6,.2,1)}.projects-container .image-parent img{transition:all .8s cubic-bezier(.2,.6,.2,1)}.projects-container .image-parent:hover{transform:scale(.95);transition:all .8s cubic-bezier(.2,.6,.2,1)}.projects-container .child:hover img{transform:scale(1.1);transition:all .8s cubic-bezier(.2,.6,.2,1)}.short-about-me{padding:15vh 0 20vh}footer p{font-size:14px;padding:20px 0!important}.loader-img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--clr-border);border-radius:24px}@keyframes animloader{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}@keyframes barStripe{0%{background-position:1em 0}to{background-position:0 0}}@media only screen and (min-width: 768px){.projects-container .parent{justify-content:space-between!important}.projects-container .child{width:calc(50% - 50px)!important;margin-bottom:100px}.projects-container .child:nth-child(2n-2){position:relative;top:200px}.projects-container .child:last-of-type{margin-bottom:0}body{font-size:1.125rem}.intro p{color:var(--clr-white);font-size:18px}}@media only screen and (min-width: 992px){.projects-container h2{font-size:24px}.projects-container{padding:0 50px}.projects-container .image-parent{height:640px}}.no-hover{pointer-events:none;-webkit-user-select:none;user-select:none}