.Landing-Body{margin:0!important;padding:0!important;width:100%;height:100%;overflow:hidden!important}*{box-sizing:border-box}img{width:90%;min-height:90%;flex:1}img.small{width:70%;min-height:70%;float:right}img.smaller{width:30%;min-height:30%;flex:1}img.half{width:100%;height:50%;flex:1}img.full{width:100%;min-height:100%;flex:1}canvas#canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;border:none;background-color:#37113d;pointer-events:auto}.rive-safe{width:100%;height:100vh}@supports (height: 100dvh){.rive-safe{height:100dvh}}.rive-safe.mobile-pad{padding-bottom:calc(env(safe-area-inset-bottom,0px)+ 12px)}#rive-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;border:none;background-color:#37113d;pointer-events:auto}.art{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.wrapper{display:flex;flex-direction:column;min-height:100vh}.full-page-header{height:100vh;width:100vw;margin:0;padding:0;box-sizing:border-box;background:#f0f0f0}.main{padding:40px}.col-md-3{margin-bottom:40px}.album-poster{position:relative;display:block;border-radius:7px;overflow:hidden;box-shadow:0 15px 35px #3d2173a1;transition:all ease .4s}.album-poster:hover{box-shadow:none;transform:scale(.98) translateY(5px)}header{width:100%;height:80px;display:block;background:#000;color:#000}header h1{font-size:40px;padding:1% 2% 0%;float:left;font-family:The Historia Demo,sans-serif;background:linear-gradient(to top,#ffe838,#fd57bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;text-align:center}.column{float:left;width:50%;overflow:hidden;padding:2%}.row:after{content:"";display:table;clear:both}.h1{color:#fff}header:after{content:"";display:table;clear:both}h2{font-family:Charmonman;font-size:24px;color:#f31139;padding:0% 2%}h4{font-size:16px;text-transform:uppercase;margin-top:15px;font-weight:700;color:#fff}h5{float:right;color:#fff}nav{float:right;float:top;margin-right:20px}nav ul{margin:0;padding:0;list-style:none}nav li{display:inline-block;list-style-type:none;color:purple;font-weight:700;margin-left:20px;margin-right:20px;padding-top:25px;padding-bottom:0;position:relative}h3{font-size:34px;margin-bottom:34px;border-bottom:4px solid #540579;padding-bottom:15px;color:#fff}a{color:#19e4ff;font-weight:400}nav a{text-decoration:none}nav a:hover{color:#fff;text-decoration:none}nav a:before{content:"";display:block;height:5px;background-color:#ff63c1;position:absolute;top:0;width:0%;transition:all ease-in-out .25s}nav a:hover:before{top:0;width:100%}p{background:none;color:#fff;padding:10px}p.intro{color:#fff;padding:10px;background-color:#00000080;margin:0 auto;position:relative}.secondary{background:none;color:#fff}.mar{margin:0;padding:0}.col-sm-3{background:#ff923a;border-radius:5px;margin:1%;width:33%;float:left}.selfie{margin-top:55%;padding-top:4%;padding-left:20%;padding-right:5%;height:50%;width:80%}.para{margin-left:0%;padding-right:5%;margin-top:70%;color:#fff;width:95%;column-fill:balance}.portfolio-description ul,.portfolio-description ol,.portfolio-description li{color:#fff}.portfolio-description li::marker{color:#fff}.container{margin-top:30%}span{color:#000!important;font-size:16px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{background:#e0e0e0;height:4px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{height:4px;background-color:#2196f3!important}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{background-color:#2196f3!important}#aplayer{position:fixed;bottom:-100%;left:0;width:100%;margin:0;box-shadow:0 -2px 2px #dadada;background-color:#fff;transition:all ease .5s}#aplayer.showPlayer{bottom:0}*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;font-family:Roboto,sans-serif;color:#eee}body{width:100%;height:100%;background:url(/assets/mybackground3-DVDRlF_I.png) no-repeat center fixed;background-size:cover}body.port{width:100%;height:100%;background:url(/assets/backgroundplain-C5iQzjJz.png) no-repeat center fixed;background-size:cover}section{padding:6rem 0}p{font-size:1.8rem;font-weight:300}@font-face{font-family:The Historia Demo;src:url(/assets/thehistoriademo-webfont-BAYhnHHA.woff2) format("woff2"),url(/assets/thehistoriademo-webfont-BJTxtmnF.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/assets/roboto-regular-webfont-CDtUJ0L1.woff2) format("woff2"),url(/assets/roboto-regular-webfont-V9pXawD0.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/assets/roboto-light-webfont-DOY87hGb.woff2) format("woff2"),url(/assets/roboto-light-webfont-CfZGWuUQ.woff) format("woff");font-weight:200;font-style:normal}.container{width:90%;max-width:120rem;height:100%;margin:0 auto;position:relative;overflow-x:hidden}.section-heading{text-align:center;margin-bottom:10rem}.section-heading h1{font-size:3.5rem;color:#ffffffb3;text-transform:uppercase;font-weight:300;position:relative;margin-bottom:1rem}.section-heading h1:before,.section-heading h1:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);background-color:#ffffffbf}.section-heading h1:before{width:10rem;height:3px;border-radius:.8rem;color:#fff}.section-heading h1:after{width:1.5rem;height:1.5rem;border-radius:100%;bottom:-1rem;color:#fff}.section-heading h6{font-size:1.6rem;font-weight:300;color:#fff}.has-margin-right{margin-right:5rem}header{width:100%;height:67vh}.top-nav{width:100%;height:100vh;position:fixed;top:-100vh;z-index:50;background-color:#16162d;border-bottom-right-radius:100%;border-bottom-left-radius:100%;transition:all .65s cubic-bezier(1,0,0,1)}.nav-list{list-style:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center}li{margin:0 2rem}.nav-link{font-size:2rem;padding:1rem}.top-nav.open{top:0;border-radius:initial}.menu-toggler{position:absolute;top:5rem;right:5rem;width:5rem;height:4rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1500;transition:transform .65s ease-out}.menu-toggler.open{transform:rotate(-45deg)}.bar{background:linear-gradient(to right,#ffe838,#fd57bf);width:100%;height:4px;border-radius:.8rem}.bar.half{width:50%}.bar.start{transform-origin:right;transition:transform .65s cubic-bezier(.54,-.81,.57,.57)}.open .bar.start{transform:rotate(-450deg) translate(.8rem)}.bar.end{align-self:flex-end;transform-origin:left;transition:transform .65s cubic-bezier(.54,-.81,.57,.57)}.open .bar.end{transform:rotate(-450deg) translate(-.8rem)}.landing-text{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;z-index:1}.landing-text h1{font-size:20rem;font-family:The Historia Demo,sans-serif;background:linear-gradient(to top,#ffe838,#fd57bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:1rem;-webkit-user-select:none;user-select:none;text-align:center;-webkit-text-stroke:2px black}.landing-text h6{font-size:3rem;font-weight:350}.about .container{display:flex;align-items:center;justify-content:center}.about-heading{text-align:center;text-transform:uppercase;line-height:0;margin-top:4rem;margin-bottom:6rem;color:#fff}.about-heading h1{font-size:10rem;opacity:.4;color:#fff}.about-heading h6{font-size:2rem;font-weight:350;color:#fff}.profile-img{flex:1;margin-right:5rem}.about-details{flex:1;float:right}.social-media{margin-top:5rem}.social-media i{font-size:5rem;transition:color .65s}.fa-github-square:hover,.fa-twitter-square:hover,.fa-linkedin:hover{color:#fd2e5d}.my-skills{margin-top:10rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));grid-gap:2.5rem;text-align:center;background-color:#00000080;margin:0 auto;position:relative;padding:5rem}.skill{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.skill h1{text-transform:uppercase;letter-spacing:2px;margin:2rem -2px 2rem 0;color:#fff}.icon-container{width:10rem;height:10rem;border:3px solid #ffe838;background-color:#fd57bf;margin-bottom:2rem;display:flex;transform:rotate(45deg)}.icon-container i{color:#ffe838;font-size:5rem;margin:auto;transform:rotate(-45deg)}.portfolio-item{display:flex;align-items:center;justify-content:center;margin-bottom:5rem}.portfolio-itemgame{display:flex;align-items:center;justify-content:center;margin-bottom:5rem;background-color:#00000080}.portfolio-item:last-child{margin-bottom:0}.portfolio-img,.portfolio-description{flex:1}.portfolio-description h1{font-size:3rem;font-weight:400;margin:1rem 0;color:#fff}.portfolio-description h6{font-size:1.5rem;text-transform:uppercase;font-weight:300;opacity:.7;color:#fff}.portfolio-description .cta{display:inline-block;margin-top:2.5rem;font-size:1.5rem;text-transform:uppercase;color:#fff;transition:color .65s}.portfolio-description .cta:hover{color:#2f67cd}.timeline ul{border-left:4px solid #ffe838;border-radius:.8rem;background-color:#0000004d;margin:0 auto;position:relative;padding:5rem;list-style:none;text-align:left;width:70%}.timeline h1{font-size:2rem;text-transform:uppercase;font-weight:300;margin-bottom:1rem;opacity:.7;color:#fff}.timeline .date{border-bottom:1px solid rgba(255,255,255,1);margin-bottom:1rem;padding-bottom:1rem;position:relative}.timeline .date:last-of-type{padding-bottom:0;margin-bottom:0;border:none}.timeline .date:before,.timeline .date:after{position:absolute;display:block;top:50%;transform:translateY(-50%)}.timeline .date:before{content:attr(data-date);left:-21rem;text-align:right;min-width:12rem;font-size:1.5rem;color:#fff}.timeline .date:after{content:"";box-shadow:0 0 0 4px #fd57bf;border-radius:100%;left:-8rem;height:1.5rem;width:1.5rem;background-color:#000}.contact-info{padding:2rem}.copyright{width:100%;text-align:center;background-color:#16162d;padding:2rem 0;position:relative}.up{position:absolute;width:5rem;height:5rem;background-color:#eee;top:-2.5rem;right:5rem;border-radius:100%;display:flex;animation:pulse 2s infinite;cursor:pointer}.up i{color:#16162d;font-size:2rem;margin:auto}.copyright p{font-size:1.4rem;float:bottom}@keyframes pulse{0%{box-shadow:0 0 #fd57bffc}70%{box-shadow:0 0 0 2rem #fd57bf00}to{box-shadow:0 0 #fd57bf00}}@media screen and (max-width: 1000px){body{background:url(/assets/mybackground3-DVDRlF_I.png) no-repeat center fixed;background-size:cover}.landing-text h1{font-size:15rem}.landing-text h6{font-size:1.7rem}.nav-list{flex-direction:column}li{margin:2rem 0}.nav-link{font-size:4.5rem}.about-heading h1{font-size:8rem}.section-heading h1{font-size:3rem}.about-details .nav-list{flex-direction:initial}.about-details li{margin:0 2rem}.icon-container{width:7rem;height:7rem}.icon-container i{font-size:4rem}.timeline ul{margin:0 0 0 auto}.timeline .date:before{left:-20rem}.timeline .date:after{left:-6rem}}@media screen and (max-width: 600px){.menu-toggler{top:2rem;right:2rem}.landing-text h1{font-size:8rem}.landing-text h6{font-size:1.4rem}.nav-link{font-size:3.5rem}.about .container{flex-direction:column}.profile-img{margin:0 0 7rem}.portfolio-item{flex-direction:column}.portfolio-img{margin:0 0 2rem;order:1}.portfolio-description{margin:0;order:2}.timeline p{font-size:1.6rem}.timeline .date:before{font-size:1.4rem}.up{right:2rem}}