@-webkit-keyframes moveInLeft{0%{transform:translateX(100%);opacity:0}80%{transform:translateX(-10%);opacity:0.8}100%{transform:translateX(0);opacity:1}}@keyframes moveInLeft{0%{transform:translateX(100%);opacity:0}80%{transform:translateX(-10%);opacity:0.8}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes moveInRight{0%{transform:translateX(-100%);opacity:0}80%{transform:translateX(10%);opacity:0.8}100%{transform:translateX(0);opacity:1}}@keyframes moveInRight{0%{transform:translateX(-100%);opacity:0}80%{transform:translateX(10%);opacity:0.8}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes pointdown{0%{transform:translateY(0rem)}50%{transform:translateY(1.5rem)}100%{transform:translateY(0rem)}}@keyframes pointdown{0%{transform:translateY(0rem)}50%{transform:translateY(1.5rem)}100%{transform:translateY(0rem)}}@-webkit-keyframes heartbeat{0%{transform:scale(1, 1)}100%{transform:scale(1.5, 1.5)}}@keyframes heartbeat{0%{transform:scale(1, 1)}100%{transform:scale(1.5, 1.5)}}*,*::before,*::after{padding:0;margin:0;box-sizing:inherit}html{font-size:62.5%}body{font-family:"Fira Sans", "Open Sans", "Arial", sans-serif;box-sizing:border-box;box-shadow:0 0 0.5rem 0.5rem rgba(0,0,0,0.3)}.heading__primary{display:block;position:relative;text-align:center;color:#fff;letter-spacing:3px;word-wrap:break-word;text-transform:uppercase}.heading__primary--main{display:block;font-size:7rem;font-weight:bold;-webkit-animation:moveInLeft 1s ease-out;animation:moveInLeft 1s ease-out}.heading__primary--main::after{content:"";display:block;position:relative;margin:2rem auto;width:10rem;height:0.5rem;border-radius:100px;background:#ff6347}.heading__primary--sub{display:block;font-size:2rem;-webkit-animation:moveInRight 1s ease-out;animation:moveInRight 1s ease-out}.heading__secondary{display:block;text-align:center;font-size:5rem;font-weight:bold;text-transform:uppercase}.heading__secondary::after{content:"";display:block;position:relative;margin:2rem auto;width:10rem;height:0.5rem;border-radius:100px;background:#ff6347}.heading__tertiary{display:block;text-align:center;font-size:3rem;font-weight:bold;text-transform:uppercase}.heading__tertiary::after{content:"";display:block;position:relative;margin:2rem auto;width:10rem;height:0.5rem;border-radius:100px;background:#b3b3b3;height:0.25rem}.paragraph{margin:3rem auto;position:relative;font-size:2rem;font-weight:500;line-height:3rem;word-spacing:0.25rem;text-align:center}.u--center{margin:0 auto}.u--text-justify{text-align:justify}.u--color-white{color:#fff}.bg-video{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;opacity:1;overflow:hidden}.bg-video__content{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.button{position:relative;padding:1rem;font-size:2rem;text-align:center;border-radius:0.25rem;box-shadow:0 0 2rem #000;cursor:pointer;transition:0.15s ease}.button:hover{transform:scale(1.05, 1.05)}.button:focus{transform:scale(0.95, 0.95)}.button-green{background-color:green}.section--portfolio__card-deck{margin:1rem auto}.section--portfolio__card{margin:1.5rem 1.75rem;padding:1rem;border-radius:0.5rem;border:none;background-color:transparent;cursor:pointer;transition:0.2s;border:1px solid rgba(0,0,0,0.2)}.section--portfolio__card a{text-decoration:none}.section--portfolio__card:hover{box-shadow:0 0 2rem rgba(0,0,0,0.3);transform:scale(1.1, 1.1);z-index:10;background-color:rgba(0,0,0,0.05)}.section--portfolio__card:active{box-shadow:0 0 3rem #000;transform:scale(1.025, 1.025);background-color:rgba(0,0,0,0.1)}.section--portfolio__card-title{text-align:center;font-size:2rem;padding-top:1rem;font-weight:bold;color:#dc143c;text-transform:uppercase;text-decoration:underline}.image{display:block;position:relative;z-index:99;width:40%;overflow:hidden}@media only screen and (max-width: 1000px){.image{width:60%}}@media only screen and (max-width: 500px){.image{width:90%}}.scrollhome{display:none;position:fixed;width:4rem;height:4rem;padding:1rem;margin:90vh 2rem 0 0;right:0;text-align:center;border-radius:50%;color:#ff6347;background:rgba(255,255,255,0.25);cursor:pointer;z-index:9;transition:0.5s}.scrollhome:hover{background:#000;box-shadow:0 0 2rem #000;color:#1e90ff;opacity:0.75}.footer{padding:2rem}.footer p{text-align:center;color:#fff;font-size:1.2rem}.footer p i{color:#ff0000;margin-left:1rem;-webkit-animation:heartbeat 0.8s infinite;animation:heartbeat 0.8s infinite}.header{position:relative;width:100%;height:100vh;background-color:rgba(0,0,0,0.85);background-size:cover;background-position:bottom;background-attachment:fixed;overflow-x:hidden}.header__content-box{padding:4rem;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.header__scrollout{position:absolute;bottom:0;left:50%;padding:2rem;width:10rem;transform:translate(-50%, -50%);color:#fff;text-align:center;cursor:pointer}.header__scrollout i{-webkit-animation:pointdown 1.5s infinite;animation:pointdown 1.5s infinite}.list-set{margin:2.5rem auto 0 auto;padding:0 2.5rem;text-align:center}.list-set i{font-size:6rem;width:auto;height:auto;color:#000;margin:2rem 1rem;padding:2rem 1rem;transition:all 0.2s linear}.list-set i:hover{transform:scale(1.75);text-shadow:0 0 3rem rgba(255,255,255,0.5)}.navbgblackonclick{background-color:#000;border-bottom:0.2rem solid #1e90ff;transition:0.3s ease-in-out}.navigation{transition:0.3s ease-in-out;padding:0}.navigation__name{font-size:3rem;padding:1rem;color:#ffa07a !important}.navigation__list{font-size:1.8rem;padding:1rem;z-index:10}.navigation__list li{margin:0 1rem;padding:1rem 1rem;border-radius:0.25rem;cursor:pointer}.navigation__list li:hover{background-color:rgba(255,255,255,0.1)}.navigation__list li:hover a,.navigation__list li:hover i{color:#fff !important}.navigation__toggler{margin:1rem}.navigation__collapsed{text-align:center;z-index:10;padding-bottom:1rem}section{padding:10rem 0rem}.section--about{width:100%;height:auto;padding-bottom:12rem;margin-bottom:-12rem;background:linear-gradient(to top right, #89f7fe, #66a6ff)}.section--about__image{visibility:hidden;left:20px;opacity:0;margin:7rem auto;border:0.2rem solid #fff;background-color:#d3d3d3;box-shadow:0 1rem 5rem rgba(0,0,0,0.5)}.section--about__intro{visibility:hidden;opacity:0;padding:2rem 3rem}.section--about__resume{width:20rem;height:5rem;border-radius:1.5rem;background-color:#fff;box-shadow:0 0.25rem 1rem rgba(0,0,0,0.5);transition:0.5s;color:#000;text-decoration:underline}.section--about__resume a{color:inherit;font-size:1.5rem;text-transform:uppercase;text-decoration:inherit}.section--about__resume:hover{border-radius:0.25rem;color:#ff6347;background-color:#000;box-shadow:0rem 1rem 3rem rgba(0,0,0,0.5);text-decoration:none;transform:translateY(-6px)}.section--about__resume:active,.section--about__resume:focus{transform:translateY(-2px);text-decoration:none}.section--about__social{padding:1rem;text-align:center;padding-bottom:7.5rem}.section--about__social i{padding:2.5rem;margin:0.5rem auto;text-align:center;background-color:white;border-radius:35%;box-shadow:0 0.25rem 1rem rgba(0,0,0,0.5);transition:0.5s;color:initial}.section--about__social i:hover{border-radius:0.5rem;color:#ff6347;background-color:#000;box-shadow:0 1rem 3rem rgba(0,0,0,0.5);transform:translateY(-10px)}.section--about__social i:active{transform:scale(0.95, 0.95)}.section--skills{margin-bottom:-12rem;background:linear-gradient(135deg, #667eea, #764ba2);transform:skewY(-7deg)}.section--skills>.container-fluid>*{transform:skewY(7deg)}.section--portfolio{padding-top:20rem;background-image:url("../img/portfoliobackground_optimized.jpeg");background-repeat:no-repeat;background-position:center;background-attachment:scroll;background-size:cover}.footer{width:100%;height:100%;background-color:#000}