.main{background:#fff;min-height:48rem;min-width:88rem;width:100vw;overflow:hidden}.root{background:#fff;min-height:48rem;min-width:90rem;width:100vw;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none}@media only screen and (max-width: 600px){.root,.main{min-width:100vw;width:23rem;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}}@font-face{font-family:DIN;font-style:normal;font-weight:400;src:url(../fonts/DINPro-Medium.otf) format("otf")}@font-face{font-family:DIN;font-style:bold;font-weight:500;src:url(../fonts/DINPro-Bold.otf) format("otf")}@font-face{font-family:DIN-Pro;font-style:normal;font-weight:500;src:local("Open Sans"),local("OpenSans"),url(../fonts/DINPro-CondMedium.otf) format("otf")}@font-face{font-family:"DIN-Pro-condensed ";font-style:normal;font-weight:500;src:local("Open Sans"),local("OpenSans"),url(../fonts/DINPro-CondLight.otf) format("otf")}.home-section{width:99vw;height:88vh;min-width:78rem;min-height:40rem;background:#fff!important;display:flex;flex-direction:row;justify-content:space-around}.home-section__splash{width:25rem;height:100%;background-image:url(https://res.cloudinary.com/dcfljmapo/image/upload/v1570629177/portfolio/color-min_swsp97.jpg);background-size:100% 100%;background-position:bottom;background-repeat:no-repeat}.home-section__title-section{width:29rem;height:50%;display:flex;justify-content:top;flex-direction:column;padding-top:18rem;padding-left:2rem;color:#020252;font-family:DIN,sans-serif}.home-section__title-section__name{min-height:5rem;width:100%;background:#fff;font-size:2.5rem;font-weight:600}.home-section__title-section__title{height:5rem;width:100%;background:#fff;font-size:1.5rem;font-weight:500;color:#04047c}.home-section__image-section{width:35rem;height:80%}.home-section__image-section .section-image{height:20%;width:100%}.home-section__image-section>img{max-width:100%;max-height:100%;width:auto;height:auto;position:relative;bottom:0;margin:0 auto}@media only screen and (max-width: 600px){.home-section{min-width:100vw;width:23rem;height:28rem;min-height:30rem;flex-direction:column-reverse}.home-section__splash{display:none}.home-section__image-section{width:22rem;height:25rem;margin:0 auto}.home-section__image-section .section-image{display:none}.home-section__image-section>img{max-width:100%;max-height:100%;width:auto;height:auto;position:relative;bottom:0;margin:0 auto}.home-section__title-section{width:29rem;height:4rem;display:flex;justify-content:top;flex-direction:column;padding-top:0;padding-left:0;color:#020252;font-family:DIN,sans-serif}.home-section__title-section__name{min-height:2rem;width:100vw;background:#fff;font-size:1rem;font-weight:600;text-align:center}.home-section__title-section__title{height:5rem;width:100vw;background:#fff;font-size:1rem;font-weight:500;color:#04047c;text-align:center}}.about-section{width:100%;min-width:55rem;height:15rem;min-height:20rem;background:url(https://res.cloudinary.com/dcfljmapo/image/upload/v1575879705/portfolio/about-section_qhlmfq.png);background-color:#fff;background-size:100% 125%;background-position:top;padding-top:4rem;padding-bottom:2rem}.about-section__body{margin:auto;width:55rem;min-width:45rem;height:20rem;min-height:18rem;display:flex;flex-direction:column;justify-content:space-between}.about-section__body-bio{min-height:10rem;width:100%;font-size:1.1rem;color:#020252;background-color:#ffffff65;border-radius:3px}.about-section__body__hire{width:100%;height:3rem;display:flex;justify-content:center}.about-section__body__hire-button{margin:0 auto;width:10rem;height:100%;background:#020252;outline:none;cursor:pointer;border-radius:5px;border:none;color:#fff;font-size:1.1rem}.about_text{font-weight:300;line-height:1.5rem}@media only screen and (max-width: 600px){.about-section{min-width:100vw;width:23rem;min-height:10rem;height:12rem;padding:0 .5rem 0 0}.about-section__body{width:20rem;min-width:99vw;min-height:10rem;height:10rem}.about-section__body-bio{font-size:.65rem;text-align:justify;width:21rem;margin:0 auto}.about-section__body__hire{width:100%;height:2rem;display:flex;justify-content:center}.about-section__body__hire-button{width:6rem;font-size:.8rem}}.service-section{width:100%;min-width:48rem;height:22rem;min-height:19rem;background:url(/assets/services-Dzky9jfI.png);background-size:100% 100%;display:flex;justify-content:space-between;flex-direction:column}.service-section__title{height:1.65rem;width:15rem;margin:0 auto;text-align:center;font-size:1.5rem;font-weight:600;color:#020252}.service-section__services{height:16rem;min-height:14rem;width:100%;min-width:48rem;display:flex;flex-direction:row;justify-content:space-evenly}@media only screen and (max-width: 600px){.service-section{width:23rem;min-width:100vw;height:25rem;min-height:22rem}.service-section__title{font-size:.8rem}.service-section__services{flex-wrap:wrap;justify-content:center;min-width:23rem;width:100vw;height:22rem;padding-left:1rem}}.service-card{width:15rem;min-width:12rem;height:12rem;min-height:12rem;border-radius:3px;-webkit-box-shadow:0 0 5px 2px rgba(223,222,222,.87);-moz-box-shadow:0 0 5px 2px rgba(223,222,222,.87);box-shadow:0 0 5px 2px #dfdedede;background:#fff;display:flex;flex-direction:column;justify-content:space-around}.service-card__service-image{height:6rem;width:6rem;display:flex;justify-content:center;margin:0 auto}.service-card__service-image>img{width:70%;height:90%;margin:0 auto}.service-card__service-title{height:20%;width:100%;text-align:center;font-weight:400}@media only screen and (max-width: 600px){.service-card{width:3rem;min-width:8rem;height:3rem;min-height:8rem;margin-right:2rem;margin-top:1rem}.service-card__service-image{width:4rem;height:4rem}.service-card__service-title{font-size:.8rem}}.experience-section{width:100%;min-width:48rem;min-height:fit-content;padding:2rem 1rem 3rem;background:url(https://res.cloudinary.com/dcfljmapo/image/upload/v1570686217/portfolio/experience_q0ufif.jpg);background-size:cover;background-repeat:no-repeat;display:flex;justify-content:space-around;flex-direction:column}.experience-section__title{color:#fff;font-size:1.65rem;font-weight:600;height:4rem;width:100%;text-align:center;word-spacing:.5rem}.experience-section__body{height:auto;min-height:auto;width:100%;min-width:48rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:3rem;padding-top:1rem}@media only screen and (max-width: 600px){.experience-section{width:23rem;min-width:100vw;height:auto;min-height:fit-content;padding:2rem 0 2.5rem}.experience-section__title{height:3rem;font-size:1rem}.experience-section__body{height:auto;min-height:fit-content;width:23rem;min-width:23rem;flex-wrap:wrap;justify-content:center;margin:0 auto}}.experience-card{width:24rem;min-width:20rem;height:auto;min-height:20rem;background:#0000007a;border-radius:4px;display:flex;justify-content:flex-start;flex-direction:column;color:#fff;padding-bottom:1rem}.experience-card__header{height:auto;min-height:7rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;background:#00000094}.experience-card__header__logo{width:7rem;height:5rem;padding:.6rem .5rem}.experience-card__header__logo>img{width:80%;height:80%;margin:0 auto}.experience-card__header__titles{width:calc(100% - 7rem);height:auto;display:flex;justify-content:space-around;flex-direction:column;padding:.25rem 0;font-size:1.4rem;font-weight:500}.experience-card__header__titles-title{height:2rem;width:100%;padding-top:0;padding-bottom:0;font-size:1.2rem}.experience-card__header__titles-company{height:2rem;width:100%;padding-bottom:0}.experience-card__body{height:auto;justify-content:flex-start;display:flex;flex-direction:column;gap:.5rem;padding:0 .75rem}.experience-card__body-title{font-size:1rem;width:100%;padding:.1rem .4rem .1rem .8rem;height:auto}.experience-card__body-roles{height:auto;width:100%}.experience-card__body-roles>ul{margin:0 auto;padding-left:1.2rem}.experience-card__body-roles>ul>li{padding:.3rem;font-size:.9rem;line-height:1.3}@media only screen and (max-width: 600px){.experience-card{width:17rem;min-width:16rem;height:auto;min-height:16rem}.experience-card__header{height:auto;min-height:4rem}.experience-card__header__logo{width:5rem;height:3rem;padding-top:.5rem}.experience-card__header__titles{font-size:.8rem;height:auto}.experience-card__header__titles-title{font-size:.75rem}.experience-card__body{font-size:.8rem;height:auto;justify-content:flex-start;padding:0 .5rem 1rem}.experience-card__body-title{font-size:.8rem}.experience-card__body-roles{height:auto}.experience-card__body-roles>ul>li{font-size:.8rem}}.skills-section{height:28rem;min-height:10rem;width:100%;min-width:48rem;background:url(https://res.cloudinary.com/dcfljmapo/image/upload/v1570686069/portfolio/skills2-min_txjsjg.png);background-size:100% 100%;display:flex;flex-direction:column;justify-content:space-around}.skills-section__title{height:3.5rem;width:100%;text-align:center;font-size:1.65rem;font-weight:600;color:#020252}.skills-section__title>p{margin:1rem auto}.skills-section__skills{width:95%;height:19rem;min-height:25rem;padding:1rem 1rem 1rem 1.8rem;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center}@media only screen and (max-width: 600px){.skills-section{min-width:23rem;width:23rem;height:45rem;margin:0 auto}.skills-section__title{font-size:.9rem;height:2.5rem}.skills-section__skills{height:30rem;min-height:44rem;width:23rem;min-width:23rem;justify-content:flex-start;padding-left:.5rem;margin:0 auto}}.skill-card{height:3rem;width:auto;min-width:10rem;background:#fff;-webkit-box-shadow:0 0 5px 2px rgba(223,222,222,.87);-moz-box-shadow:0 0 5px 2px rgba(223,222,222,.87);box-shadow:0 0 5px 2px #dfdedede;border-radius:4px;display:flex;flex-direction:row;margin-right:1rem;margin-left:.5rem;margin-bottom:1.5rem}.skill-card__img{width:3.5rem;height:100%;display:flex;justify-content:center;border-right:1px solid rgb(243,240,240)}.skill-card__img>img{width:80%;height:80%;margin-top:.2rem}.skill-card__title{width:80%;height:100%;padding-right:.4rem;padding-left:.4rem;color:#020252}@media only screen and (max-width: 600px){.skill-card{min-width:5.5rem;height:2.5rem;margin:.5rem}.skill-card__img{width:2rem;height:2rem}.skill-card__title{font-size:.75rem}}.projects-section{height:57rem;min-height:40rem;width:100%;min-width:48rem;background:url(https://res.cloudinary.com/dcfljmapo/image/upload/v1570692306/portfolio/proj_wchomx.png);background-size:100% 100%;display:flex;flex-direction:column;justify-content:space-around}.projects-section__projects{height:42rem;width:100%;display:flex;flex-direction:column;justify-content:space-between}.projects-section__projects__title{height:3rem;width:100%;text-align:center;font-size:1.65rem;font-weight:600;color:#020252}.projects-section__projects__title>p{margin-top:.4rem}.projects-section__projects__content{height:36rem;width:97%;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;padding:1rem}.projects-section__articles{height:12rem;width:100%;display:flex;justify-content:space-around;flex-direction:column;border-top:1px solid rgba(190,186,186,.801);color:#020252}.projects-section__articles__title{height:2rem;text-align:center;font-size:1.65rem;font-weight:600}.projects-section__articles__pills{height:6rem;width:100%;display:flex;flex-wrap:wrap;justify-content:center}@media only screen and (max-width: 600px){.projects-section{min-width:23rem;width:100vw;height:75rem}.projects-section__projects{height:70rem}.projects-section__projects__title{font-size:1rem;height:2rem}.projects-section__projects__content{height:60rem;padding-top:0;width:20rem;margin:0 auto}.projects-section__articles__title{font-size:.9rem;height:1.8rem}.projects-section__articles__pills{height:8rem}}.project-card{height:17rem;min-height:15rem;width:20rem;min-width:20rem;background:#fff;-webkit-box-shadow:0 0 5px 2px rgba(187,186,186,.801);-moz-box-shadow:0 0 5px 2px rgba(187,186,186,.801);box-shadow:0 0 5px 2px #bbbabacc;border-radius:3px;margin:0 .8rem 1.6rem;display:flex;flex-direction:column;justify-content:space-between}.project-card__header{height:5rem;width:100%;display:flex;flex-direction:column;justify-content:space-around;font-size:1rem;font-weight:600;color:#fff}.project-card__header>span{padding-left:1rem}.project-card__content{height:13rem;width:100%;background:#fff;display:flex;justify-content:space-between;flex-direction:column}.project-card__content-title{height:1rem;width:90%;font-weight:500;padding:.2rem 0 .1rem 1rem;font-size:.9rem;color:#302f2f}.project-card__content-body{height:8rem;width:94%;overflow:hidden;padding:.2rem 0 .1rem 1rem;font-size:.8rem;color:#575555}.project-card__content-link{height:2rem;width:95%;padding:.2rem 1rem .1rem 0;font-size:.8rem;color:#3e3ef8;cursor:pointer;text-align:right}.project-card__content-link>a{text-decoration:none}.project-card__content-link .icon{font-size:1.1rem}@media only screen and (max-width: 600px){.project-card{height:9rem;min-height:6rem;margin:0;margin-top:1rem}.project-card__content{min-height:6rem;font-size:.8rem}.project-card__content-body{font-size:.65rem}.project-card__content-title{font-size:.7rem}}.article-pill{height:4rem;min-width:15rem;background:#fff;border-radius:3rem;margin-left:1rem;margin-right:2rem;cursor:pointer;-webkit-box-shadow:0 0 5px 2px rgba(187,186,186,.801);-moz-box-shadow:0 0 5px 2px rgba(187,186,186,.801);box-shadow:0 0 5px 2px #bbbabacc;text-align:center;padding-left:2rem;padding-right:2rem;display:flex;flex-direction:column;justify-content:center}.article-pill>a{color:#020252;text-decoration:none}@media only screen and (max-width: 600px){.article-pill{height:2rem;min-width:9rem;font-size:.8rem}}.contacts-section{width:100%;min-width:48rem;height:25rem;background:url(https://res.cloudinary.com/dcfljmapo/image/upload/v1570692306/portfolio/proj_wchomx.png);background-size:100% 100%;border-top:1px solid rgba(190,186,186,.801);display:flex;flex-direction:row;justify-content:center}.contacts-section__form{width:50%;height:90%;display:flex;justify-content:space-around;flex-direction:column;padding:1rem 1rem 0 2rem}.contacts-section__form>input,.contacts-section__form>textarea{-webkit-box-shadow:0 0 5px 2px rgba(187,186,186,.801);-moz-box-shadow:0 0 5px 2px rgba(187,186,186,.801);box-shadow:0 0 5px 2px #bbbabacc}.contacts-section__form__email{width:25rem;height:1.5rem;border:none;border-radius:4px;outline:none;padding:1rem;font-size:.8rem;color:#020252;background:#fcfeffe0}.contacts-section__form__message{width:25rem;max-width:25rem;min-width:25rem;height:7rem;min-height:7rem;max-height:7rem;border:none;border-radius:4px;outline:none;padding:1rem;font-size:.9rem;color:#020252;font-family:sans-serif;background:#fcfeffe0}.contacts-section__form__button{width:10rem;height:2.5rem;border:none;outline:none;border-radius:3px;background-color:#212188;-webkit-box-shadow:0 0 5px 2px rgba(187,186,186,.801);-moz-box-shadow:0 0 5px 2px rgba(187,186,186,.801);box-shadow:0 0 5px 2px #bbbabacc;color:#fff;font-size:1rem;cursor:pointer}.contacts-section__form__button:hover{transform:scale(1.02)}.contacts-section__social{width:50%;height:100%;background-color:#fff!important;background-size:80% 80%;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;justify-content:space-between}.contacts-section__social__upper{height:15rem;width:100%;background:#fff;display:flex;justify-content:center}.contacts-section__social__upper>img{max-width:100%;max-height:100%}.contacts-section__social__middle{height:6rem;width:100%;display:flex;justify-content:space-evenly;flex-direction:row;align-content:center;padding-top:1.5rem}.contacts-section__social__middle>a>img{max-width:2.2rem;max-height:2.2rem;border-radius:3px}.contacts-section__social__middle>a>img:hover{transform:scale(1.03)}.contacts-section__social__lower{height:4rem;width:100%;text-align:center;color:#020252;font-size:.8rem;font-weight:600}@media only screen and (max-width: 600px){.contacts-section{min-width:23rem;width:100vw;min-height:48rem;flex-direction:column-reverse;justify-content:space-between}.contacts-section__form{width:20.5rem;min-width:16rem;padding-left:1.1rem;height:25rem;margin:0 auto;margin-bottom:2.5rem}.contacts-section__form__email{width:18rem;height:1rem}.contacts-section__form__message{width:18rem;min-width:18rem}.contacts-section__form__button{margin:0 auto;width:6rem;height:2rem;font-size:.8rem}.contacts-section__social__upper{height:13rem;background:inherit}.contacts-section__social{height:6rem;background:none!important;width:100vw;min-width:23rem}.contacts-section__social__middle{padding-top:0;height:3rem;margin-top:1rem}.contacts-section__social__middle>a>img{max-width:2rem;max-height:2rem;border-radius:3px}.contacts-section__social__middle>a>img:hover{transform:scale(1.03)}}.container{height:110rem;display:flex;flex-direction:row;justify-content:center}.macbook{width:100px;height:96px;position:absolute;perspective:500px;margin-top:2.5rem}.shadow{position:absolute;width:60px;height:0px;left:40px;top:160px;transform:rotateX(80deg) rotateY(0) rotate(0);box-shadow:0 0 60px 40px #0000004d;animation:shadow infinite 7s ease}.inner{z-index:20;position:absolute;width:150px;height:96px;left:0;top:0;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(0) rotate(0);animation:rotate infinite 7s ease}.screen{width:150px;height:96px;position:absolute;left:0;bottom:0;border-radius:7px;background:#ddd;transform-style:preserve-3d;transform-origin:50% 93px;transform:rotateX(0) rotateY(0) rotate(0);animation:lid-screen infinite 7s ease;background-image:linear-gradient(45deg,#00000057,#0000);background-position:left bottom;background-size:300px 300px;box-shadow:inset 0 3px 7px #ffffff80}.screen .logo{position:absolute;width:20px;height:24px;left:50%;top:50%;margin:-12px 0 0 -10px;transform:rotateY(180deg) translateZ(.1px)}.screen .face-one{width:150px;height:96px;position:absolute;left:0;bottom:0;border-radius:7px;background:#d3d3d3;transform:translateZ(2px);background-image:linear-gradient(45deg,#0000003d,#0000)}.screen .face-one .camera{width:3px;height:3px;border-radius:100%;background:#000;position:absolute;left:50%;top:4px;margin-left:-1.5px}.screen .face-one .display{width:130px;height:74px;margin:10px;background:url(http://www.pcmag.com/media/images/507124-mac-os-sierra.jpg?thumb=y&width=150&height=96) no-repeat center center #000;background-size:100% 100%;border-radius:1px;position:relative;box-shadow:inset 0 0 2px #000}.screen .face-one .display .shade{position:absolute;left:0;top:0;width:130px;height:74px;background:linear-gradient(-135deg,#fff0,#ffffff1a 47%,#fff0 48%);animation:screen-shade infinite 7s ease;background-size:300px 200px;background-position:0px 0px}.screen .face-one span{position:absolute;top:85px;left:57px;font-size:6px;color:#666}.body{width:150px;height:96px;position:absolute;left:0;bottom:0;border-radius:7px;background:#cbcbcb;transform-style:preserve-3d;transform-origin:50% bottom;transform:rotateX(-90deg);animation:lid-body infinite 7s ease;background-image:linear-gradient(45deg,#0000003d,#0000)}.body .face-one{width:150px;height:96px;position:absolute;left:0;bottom:0;border-radius:7px;transform-style:preserve-3d;background:#dfdfdf;animation:lid-keyboard-area infinite 7s ease;transform:translateZ(-2px);background-image:linear-gradient(30deg,#0000003d,#0000)}.body .touchpad{width:40px;height:31px;position:absolute;left:50%;top:50%;border-radius:4px;margin:-44px 0 0 -18px;background:#cdcdcd;background-image:linear-gradient(30deg,#0000003d,#0000);box-shadow:inset 0 0 3px #888}.body .keyboard{width:130px;height:45px;position:absolute;left:7px;top:41px;border-radius:4px;transform-style:preserve-3d;background:#cdcdcd;background-image:linear-gradient(30deg,#0000003d,#0000);box-shadow:inset 0 0 3px #777;padding:0 0 0 2px}.keyboard .key{width:6px;height:6px;background:#444;float:left;margin:1px;transform:translateZ(-2px);border-radius:2px;box-shadow:0 -2px #222;animation:keys infinite 7s ease}.key.space{width:45px}.key.f{height:3px}.body .pad{width:5px;height:5px;background:#333;border-radius:100%;position:absolute}.pad.one{left:20px;top:20px}.pad.two{right:20px;top:20px}.pad.three{right:20px;bottom:20px}.pad.four{left:20px;bottom:20px}@keyframes rotate{0%{transform:rotateX(-20deg) rotateY(0) rotate(0)}5%{transform:rotateX(-20deg) rotateY(-20deg) rotate(0)}20%{transform:rotateX(30deg) rotateY(200deg) rotate(0)}25%{transform:rotateX(-60deg) rotateY(150deg) rotate(0)}60%{transform:rotateX(-20deg) rotateY(130deg) rotate(0)}65%{transform:rotateX(-20deg) rotateY(120deg) rotate(0)}80%{transform:rotateX(-20deg) rotateY(375deg) rotate(0)}85%{transform:rotateX(-20deg) rotateY(357deg) rotate(0)}87%{transform:rotateX(-20deg) rotateY(360deg) rotate(0)}to{transform:rotateX(-20deg) rotateY(360deg) rotate(0)}}@keyframes lid-screen{0%{transform:rotateX(0);background-position:left bottom}5%{transform:rotateX(50deg);background-position:left bottom}20%{transform:rotateX(-90deg);background-position:-150px top}25%{transform:rotateX(15deg);background-position:left bottom}30%{transform:rotateX(-5deg);background-position:right top}38%{transform:rotateX(5deg);background-position:right top}48%{transform:rotateX(0);background-position:right top}90%{transform:rotateX(0);background-position:right top}to{transform:rotateX(0);background-position:right center}}@keyframes lid-body{0%{transform:rotateX(-90deg)}50%{transform:rotateX(-90deg)}to{transform:rotateX(-90deg)}}@keyframes lid-keyboard-area{0%{background-color:#dfdfdf}50%{background-color:#bbb}to{background-color:#dfdfdf}}@keyframes screen-shade{0%{background-position:-20px 0px}5%{background-position:-40px 0px}20%{background-position:200px 0}50%{background-position:-200px 0}80%{background-position:0px 0px}85%{background-position:-30px 0}90%{background-position:-20px 0}to{background-position:-20px 0px}}@keyframes keys{0%{box-shadow:0 -2px #222}5%{box-shadow:1 -1px #222}20%{box-shadow:-1px 1px #222}25%{box-shadow:-1px 1px #222}60%{box-shadow:-1px 1px #222}80%{box-shadow:0 -2px #222}85%{box-shadow:0 -2px #222}87%{box-shadow:0 -2px #222}to{box-shadow:0 -2px #222}}@keyframes shadow{0%{transform:rotateX(80deg) rotateY(0) rotate(0);box-shadow:0 0 60px 40px #0000004d}5%{transform:rotateX(80deg) rotateY(10deg) rotate(0);box-shadow:0 0 60px 40px #0000004d}20%{transform:rotateX(30deg) rotateY(-20deg) rotate(-20deg);box-shadow:0 0 50px 30px #0000004d}25%{transform:rotateX(80deg) rotateY(-20deg) rotate(50deg);box-shadow:0 0 35px 15px #0000001a}60%{transform:rotateX(80deg) rotateY(0) rotate(-50deg) translate(30px);box-shadow:0 0 60px 40px #0000004d}to{box-shadow:0 0 60px 40px #0000004d}}.links{position:absolute;right:20px;bottom:20px}.links a{color:#555;margin-left:10px;text-decoration:none}.nav-bar{height:5rem;width:100%;display:flex;flex-direction:column;justify-content:flex-end;color:#020252}.nav-bar__tabs{width:95%;height:2rem;display:flex;justify-content:flex-end}.nav-bar__tabs a:-webkit-any-link{text-decoration:none!important;color:#020252}.nav-bar__tabs a{text-decoration:none!important;color:#020252}.nav-bar__tabs>span{margin-right:2rem;margin-left:2rem;cursor:pointer}@media only screen and (max-width: 600px){.nav-bar{height:3rem;width:100%}.nav-bar>a{margin:0;font-size:.7rem;text-decoration:none!important}.nav-bar__tabs{justify-content:space-around}.nav-bar__tabs .tab{margin:0;font-size:.7rem;text-decoration:none!important}}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}