@font-face{font-family:yustineSignature;src:url(/assets/YustineSignature-DaI2eIMX.ttf)}.o-banner{position:relative;display:flex;height:400px}@media ((min-width:645px) and (max-width:768px)){.o-banner{padding-bottom:15rem}}.o-banner__left{flex-basis:50%;background:radial-gradient(at 40% 40%,rgb(30,144,255) 0px,transparent 50%),radial-gradient(at 90% 10%,rgb(255,105,180) 0px,transparent 50%),radial-gradient(at 50% 95%,rgb(0,255,255) 0px,transparent 50%),radial-gradient(at 20% 30%,rgb(50,205,50) 0px,transparent 50%),radial-gradient(at 90% 90%,rgb(255,255,0) 0px,transparent 50%),radial-gradient(at 33% 50%,rgb(255,69,0) 0px,transparent 50%),radial-gradient(at 79% 53%,rgb(128,0,128) 0px,transparent 50%);opacity:var(--opacity);filter:blur(100px) saturate(100%)}.o-banner__right{flex-basis:50%}.o-banner__cross{display:flex;justify-content:flex-end}.o-banner__nav{padding-left:1.3rem;padding-bottom:3rem;color:#fff;font-size:1.5rem;display:flex;flex-direction:column;row-gap:4px;cursor:pointer}.o-banner__navItem{padding:8px;margin-right:20px;border-radius:4px}.o-banner__navItem:hover{background-color:#fff;color:#b97ebb}.o-banner__hello{width:100px}@media ((min-width:645px) and (max-width:768px)){.o-banner__hello{display:none}}@media ((min-width:360px) and (max-width:645px)){.o-banner__hello{display:none}}@media ((min-width:360px) and (max-width:645px)){.o-banner__about{display:none}}.o-banner__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3.5rem;position:absolute;width:-webkit-fill-available}.o-banner__headerLeft{font-family:yustineSignature;font-size:4rem;color:#b97ebb}@media ((min-width:360px) and (max-width:645px)){.o-banner__headerLeft{font-size:2.5rem}}.o-banner__headerRight{display:flex;align-items:center;gap:2.5rem}.o-banner__right--btn{border:5px solid #b97ebb;border-radius:30px;width:150px;font-family:var(--primaryFont);font-size:1.2rem;font-weight:700;background-color:var(--projectBackground);color:#b97ebb;padding:.6em 1.2em;cursor:pointer;transition:background-color .2s ease-in}@media ((min-width:645px) and (max-width:768px)){.o-banner__right--btn{display:none}}@media ((min-width:360px) and (max-width:645px)){.o-banner__right--btn{display:none}}.o-banner__right--btn:hover{background-color:#b97ebb;color:#fff}.o-banner .svg-inline--fa{font-size:2.5rem;cursor:pointer;color:var(--hamBurgerMenu-white)}@media ((min-width:360px) and (max-width:645px)){.o-banner .svg-inline--fa{font-size:2rem}}.o-banner .svg-inline--fa:hover{color:#b97ebb}.o-menu{display:flex;flex-direction:column;background-color:var(--pinkBackground);width:300px;position:absolute;top:5%;right:2%;border-radius:8px;z-index:2}.o-menu .svg-inline--fa{font-size:2.5rem;cursor:pointer;color:#fff;padding-top:20px;padding-right:30px}.o-menu .svg-inline--fa:hover{color:#000}.o-menu-hidden{display:none}.o-banner-bottom{position:absolute;top:64%;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}@media ((min-width:360px) and (max-width:645px)){.o-banner-bottom{top:88%}}.o-banner-bottom__upper-text{font-size:3rem;font-weight:800;margin-bottom:1.5rem;color:var(--textBlack)}@media ((min-width:360px) and (max-width:645px)){.o-banner-bottom__upper-text{font-size:2rem;margin-bottom:.5rem}}.o-banner-bottom__mid-text{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:var(--textColor)}@media ((min-width:360px) and (max-width:645px)){.o-banner-bottom__mid-text{font-size:1.5rem;margin-bottom:.5rem}}.o-banner-bottom__lower-text{text-align:center;font-size:var(--paraText);font-weight:500;opacity:.8;margin-bottom:2.5rem;color:var(--textBlack);max-width:750px}@media ((min-width:360px) and (max-width:645px)){.o-banner-bottom__lower-text{margin:.5rem;font-size:1.2rem}}.o-banner-bottom__image{width:300px;height:300px;border-radius:50%;object-fit:cover;box-shadow:0 0 30px #0003;filter:grayscale(0);transition:opacity .3s,filter 1s ease-in}@media ((min-width:360px) and (max-width:645px)){.o-banner-bottom__image{width:200px;height:200px}}.o-banner-bottom__image:hover{filter:grayscale(100%)}.o-banner-bottom__text--div{position:absolute;bottom:-1rem;left:3%}.o-banner-bottom__icon{display:flex;color:var(--textColor);justify-content:space-around;font-size:1.7rem;cursor:pointer}.o-banner-bottom__container{position:absolute;width:100%;top:280px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;margin:0 2rem;padding:0 1rem}@media ((min-width:645px) and (max-width:768px)){.o-banner-bottom__container{grid-template-columns:1fr;row-gap:3rem}}@media ((min-width:360px) and (max-width:645px)){.o-banner-bottom__container{grid-template-columns:1fr;margin:0;row-gap:3rem}}.o-banner-bottom__container--image{display:flex;justify-content:center;z-index:1}.o-banner-bottom__text{font-size:10rem;font-weight:600;opacity:.08;color:var(--textBlack)}@media ((min-width:645px) and (max-width:768px)){.o-banner-bottom__text{display:none}}.o-banner-bottom__dark-icon{position:fixed;right:4%;bottom:8%;z-index:999999}.o-banner-bottom__dark-icon .svg-inline--fa{font-size:1rem;color:var(--darkIcon)}.o-banner-bottom .svg-inline--fa{font-size:2.5rem;cursor:pointer}@media ((min-width:360px) and (max-width:645px)){.o-banner-bottom .svg-inline--fa{font-size:2rem}}#spin:after{content:"";width:22ch;animation:spin 6s ease infinite}@keyframes spin{0%{content:"Frontend Developer..."}50%{content:"Backend Developer..."}to{content:"Fullstack developer..."}}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:transparent}}.o-intro__image{max-width:550px;margin:auto}@media ((min-width:645px) and (max-width:768px)){.o-intro__image{max-width:450px}}@media ((min-width:360px) and (max-width:645px)){.o-intro__image{max-width:250px}}.o-intro__color{background-color:var(--pinkBackground);margin-top:-155px;display:flex;flex-direction:column;row-gap:7rem}.o-intro__text{padding:7rem 4.5rem;color:#fff}@media ((min-width:360px) and (max-width:645px)){.o-intro__text{padding:7rem 1rem}}.o-intro__heading{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem}@media ((min-width:360px) and (max-width:645px)){.o-intro__heading{font-size:2rem;margin-top:1rem}}.o-intro__paragraph{font-size:1.3rem;font-weight:500;line-height:1.5;text-align:center;padding:1.5rem 2rem 0}@media ((min-width:360px) and (max-width:645px)){.o-intro__paragraph{font-size:1.2rem}}.o-intro__intro-content{margin-left:5rem;margin-right:5rem;border-radius:1rem 1rem 0 0;background-color:var(--containerBackground);display:flex;justify-content:space-around;margin-top:-150px;flex-wrap:wrap;box-shadow:var(--introShadow) 0 0 12px}@media ((min-width:645px) and (max-width:768px)){.o-intro__intro-content{flex-direction:column}}@media ((min-width:360px) and (max-width:645px)){.o-intro__intro-content{display:none}}.o-intro__intro-content--left{flex-basis:50%;padding-top:4rem;padding-left:2rem;padding-right:2rem}.o-intro__intro-content--right{flex-basis:40%;padding-top:1.5rem}@media ((min-width:360px) and (max-width:645px)){.o-intro__intro-content--right{display:none}}.o-intro__intro-content--left--heading{font-size:3.3rem;margin-bottom:25px;font-weight:600;color:var(--textColor)}@media ((min-width:360px) and (max-width:645px)){.o-intro__intro-content--left--heading{font-size:2rem}}.o-intro__intro-content--right--paragraph{font-size:1.3rem;line-height:1.6;margin-bottom:1rem;color:var(--hamBurgerMenu-white)}.o-experience__heading{text-align:center;font-size:3rem;font-weight:600;color:var(--textColor);margin-top:2rem}@media ((min-width:360px) and (max-width:645px)){.o-experience__heading{font-size:2rem}}.o-experience__container{display:flex;justify-content:center;gap:5%;margin-top:4rem}@media ((min-width:645px) and (max-width:768px)){.o-experience__container{margin:0 2rem}}@media ((min-width:360px) and (max-width:645px)){.o-experience__container{display:block}}.o-experience__container--left{flex-basis:25%}@media ((min-width:645px) and (max-width:768px)){.o-experience__container--left{flex-basis:40%}}@media ((min-width:360px) and (max-width:645px)){.o-experience__container--left{display:none}}.o-experience__container--right{padding-top:2rem}.o-experience__container--right--sm{background-color:var(--pinkBackground);padding:30px 320px 50px 40px;border-radius:8px;color:#fff;box-shadow:var(--introShadow) 0 0 12px}@media ((min-width:645px) and (max-width:768px)){.o-experience__container--right--sm{padding:30px 125px 50px 40px}}@media ((min-width:360px) and (max-width:645px)){.o-experience__container--right--sm{max-width:300px;margin:auto;padding:1rem}}.o-experience__container--right--sm--heading{font-size:22px;font-weight:600}.o-experience__container--right--sm--content{font-size:18px;font-size:400}.o-skill{margin-top:2rem}.o-skill__container{display:flex;flex-wrap:wrap;column-gap:2%;justify-content:center;margin-top:4rem}@media ((min-width:360px) and (max-width:645px)){.o-skill__container{margin-top:2rem}}.o-skill__content{display:flex;align-items:center;padding:1.5rem;background-color:var(--skillBackground);color:var(--hamBurgerMenu-white);border-radius:8px;margin-bottom:2rem;box-shadow:var(--skillShadow) 0 0 12px}.o-skill__lottie{width:95px;font-size:3.5rem}.o-skill__img{width:50px;height:50px;margin-right:1rem}.o-skill__text{margin-bottom:8px;font-size:22px;font-weight:700;width:95px}.o-project{margin-top:3rem}.o-project__container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:5%;margin-top:4rem;overflow:hidden;word-wrap:break-word}@media ((min-width:645px) and (max-width:768px)){.o-project__container{grid-template-columns:1fr}}@media ((min-width:360px) and (max-width:645px)){.o-project__container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.o-project__content{border:5px solid var(--textColor);border-radius:0 1rem;padding:1.5rem 1rem;flex-basis:27%;margin-bottom:1.5rem;cursor:pointer;background-color:var(--projectBackground);box-shadow:var(--skillShadow) 0 0 12px;display:flex;flex-direction:column;justify-content:space-between;height:250px;overflow-y:scroll;box-sizing:content-box}@media ((min-width:645px) and (max-width:768px)){.o-project__content{flex-basis:100%}}@media ((min-width:360px) and (max-width:645px)){.o-project__content{flex-basis:100%}}.o-project__subHeader{font-size:22px;font-weight:400;color:var(--hamBurgerMenu-white)}.o-project__text{margin-bottom:8px;font-size:22px;font-weight:700;color:var(--hamBurgerMenu-white)}.o-project__contentText{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.o-project__contentText>*{flex-shrink:0;word-wrap:break-word}.o-project__contentTextBottom{display:flex;justify-content:space-between;font-size:16px;font-weight:400;color:var(--hamBurgerMenu-white)}.o-contact__container{display:flex;column-gap:3rem;flex-wrap:wrap;justify-content:center;align-items:stretch;margin-top:4rem;padding-bottom:2rem}@media ((min-width:645px) and (max-width:768px)){.o-contact__container{flex-direction:column;margin:0 2rem}}@media ((min-width:360px) and (max-width:645px)){.o-contact__container{max-width:320px;margin:auto}}.o-contact__form{flex-basis:50%;border:1px solid var(--textColor);border-radius:0 1rem;padding:2rem 4rem;margin-bottom:2rem;background-color:var(--projectBackground);box-shadow:var(--skillShadow) 0 0 12px}@media ((min-width:360px) and (max-width:645px)){.o-contact__form{margin-top:2rem;flex-basis:100%;padding:1.2rem}}.o-contact__info{flex-basis:30%;display:flex;flex-direction:column;row-gap:1rem}.o-contact__formText{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:var(--textColor)}@media ((min-width:360px) and (max-width:645px)){.o-contact__formText{font-size:1.2rem}}.o-contact__button{margin-top:1rem;width:100%;padding:1rem 0;border-radius:.375rem;background-color:var(--textColor);color:#fff;font-size:1.3rem;border-color:transparent}.o-contact__button:hover{background-color:#fff;color:#b97ebb;border:3px solid var(--textColor);cursor:pointer}.o-contact__content{display:flex;align-items:center;column-gap:1rem;font-size:1.5rem;font-weight:500;color:var(--textColor)}.o-input{padding-top:1rem;padding-bottom:1rem;border-radius:.375rem;border:1px solid var(--textColor);width:100%;background-color:var(--inputColor)}.o-education__container{display:flex;justify-content:space-around;margin:4rem 1rem 1rem}@media ((min-width:360px) and (max-width:645px)){.o-education__container{display:block}}.o-education__containerRight{flex-basis:60%;display:flex;row-gap:2rem;flex-direction:column;margin-bottom:2rem;background-color:var(--projectBackground);color:var(--hamBurgerMenu-white)}@media ((min-width:645px) and (max-width:768px)){.o-education__containerRight{flex-basis:100%}}@media ((min-width:360px) and (max-width:645px)){.o-education__containerRight{max-width:320px;margin:0 auto 2rem}}.o-education__contentRight{border-radius:.5rem;padding:.5em 1rem;background-color:#9993;flex-basis:30%;box-shadow:var(--skillShadow) 0 0 12px}.o-home{background-color:var(--background-color);cursor:none}.o-home__flex{display:flex;flex-direction:column;row-gap:23rem}.cursor__dot{width:5px;height:5px;background-color:var(--cursorcolor)}@media ((min-width:645px) and (max-width:768px)){.cursor__dot{display:none}}@media ((min-width:360px) and (max-width:645px)){.cursor__dot{display:none}}.cursor__outline{width:30px;height:30px;border:2px solid var(--cursorcolor)}@media ((min-width:645px) and (max-width:768px)){.cursor__outline{display:none}}@media ((min-width:360px) and (max-width:645px)){.cursor__outline{display:none}}.cursor__dot,.cursor__outline,.light__effect{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;pointer-events:none}.light__effect{width:1200px;height:1200px;background:var(--mouse)}@media ((min-width:645px) and (max-width:768px)){.light__effect{display:none}}@media ((min-width:360px) and (max-width:645px)){.light__effect{display:none}}@keyframes glowing{0%{box-shadow:0 0 10px #ffffff80}to{box-shadow:0 0 20px #fff}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--primaryFont)}@font-face{font-family:eurostile;src:url(/assets/eurostile-BSuxjMnt.TTF)}:root{--background-color: transparent;--textBlack: #000000;--opacity: .5;--hamBurgerMenu-white: none;--pinkBackground: #b97ebb;--containerBackground: #fff;--skillBackground: rgba(153, 153, 153, .2);--projectBackground: none;--inputColor: none;--primaryFont: eurostile, sans-serif;--textColor: #b97ebb;line-height:1.5;--Bluecolor: #130F49;--Blackcolor: #1A1818;--paraText: 1.15rem;--cursorcolor: #130F49;--skillShadow: #b97ebb;--introShadow: #f945ff;--mouse: radial-gradient(circle, rgba(185, 126, 187, .25), rgba(185, 126, 187, .2), rgba(185, 126, 187, .15), rgba(185, 126, 187, .1), rgba(185, 126, 187, .05), rgba(185, 126, 187, .001), rgba(185, 126, 187, .001), rgba(185, 126, 187, .00000001));--darkIcon: #130F49}[dark-theme=dark]{--background-color: rgb(15, 12, 65);--textBlack: #fff;--opacity: 0;--hamBurgerMenu-white: #fff;--pinkBackground: rgb(12, 11, 51);--containerBackground: rgb(12, 11, 51);--skillBackground: rgb(12, 11, 51);--projectBackground: rgb(12, 11, 51);--inputColor: rgb(15, 12, 65);--cursorcolor: #b97ebb;--skillShadow: rgb(29, 155, 240);--introShadow: var(--skillShadow);--mouse: radial-gradient(circle, rgba(42, 73, 199, .25), rgba(42, 73, 199, .2), rgba(42, 73, 199, .15), rgba(42, 73, 199, .1), rgba(42, 73, 199, .05), rgba(42, 73, 199, .001), rgba(42, 73, 199, .001), rgba(42, 73, 199, .00000001));--darkIcon: rgba(163, 162, 162, .886)}