html.has-scroll-smooth{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:3px;height:100%;border-radius:10px;margin:2px;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}.mf-cursor{position:fixed;top:0;left:0;z-index:250;direction:ltr;contain:layout style size;pointer-events:none;transition:opacity .3s,color .4s}.mf-cursor:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;transform:scale(.2);background:currentColor;background:#000;border-radius:50%;transition:transform .25s ease-in-out,opacity .1s}.mf-cursor.-inverse{color:#fff}@supports (mix-blend-mode:exclusion){.mf-cursor.-exclusion{mix-blend-mode:exclusion}.mf-cursor.-exclusion:before{background:#fff}}.mf-cursor.-pointer:before{transform:scale(.15);z-index:-1}.mf-cursor.-text:before{opacity:.85;transform:scale(1.3)}.mf-cursor.-text.-active:before{transform:scale(1.6);transition-duration:.2s}.mf-cursor.-icon:before{transform:scale(1.5)}.mf-cursor.-icon.-active:before{transform:scale(1.4)}.mf-cursor.-hidden:before{transform:scale(0)}.mf-cursor.-bg{color:#fff;color:#000}.mf-cursor.-bg:before{transform:scale(4);opacity:.2;z-index:-1}.mf-cursor.-hoverLinks{color:#fff;color:transparent}.mf-cursor.-hoverLinks:before{transform:scale(1.4);z-index:-1;border:2px solid red;border:1px solid #000}.mf-cursor-text{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(10deg);opacity:0;color:#fff;font-size:14px;font-family:satoshi;text-shadow:2px 2px #000;line-height:20px;text-align:center;transition:opacity .4s,transform .3s}.mf-cursor.-icon .mf-cursor-text,.mf-cursor.-text .mf-cursor-text{opacity:1;transform:scale(1)}.mf-cursor-media{position:absolute;width:400px;height:400px;margin:-200px 0 0 -200px;transform:scale(.3)}.mf-cursor-media img,.mf-cursor-media video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@supports ((-o-object-fit:cover) or (object-fit:cover)){.mf-cursor-media img,.mf-cursor-media video{position:static;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:translateZ(0)}}.mf-cursor-media-box{position:relative;width:100%;height:100%;overflow:hidden;transform:scale(0) translateZ(0);padding:1px;opacity:0;border-radius:50%;transition:transform .35s,opacity .2s .2s}.mf-cursor.-media .mf-cursor-media-box{opacity:1;transform:scale(.696);transition-duration:.4s,.4s;transition-delay:0s,0s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:10px;scroll-behavior:smooth}body{font-family:Satoshi,sans-serif,General Sans,Alpino;font-family:General Sans,sans-serif,Alpino;background-color:#cad8f8;overflow-x:hidden;min-height:100vh}.main{margin:0 auto;opacity:0}.main .social-links{position:fixed;height:100%;bottom:2%;left:2%;bottom:0;z-index:23}.main .social-links .social-links-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;align-items:center}.main .social-links .social-links-container a{color:#000}.main .social-links .social-links-container a img,.main .social-links .social-links-container a svg{width:2rem;margin:1rem 0;filter:drop-shadow(1px 1px 0 rgb(202,216,248));opacity:.7}.main .social-links .social-links-container .line{height:11rem;width:.1rem;background-color:#d3d3d3;background-color:#44544d}.main .navigate-div{position:fixed;right:3%;bottom:0;height:100vh;z-index:43}.main .navigate-div .navigate-buttons{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;align-items:center}.main .navigate-div .navigate-buttons .nav-buttons-div{height:.9rem;width:.9rem;background-color:#000;transform:rotate(45deg);border:1px solid #000;background-color:#cad8f8;margin:1rem 0;opacity:.6;padding:.1rem}.main .navigate-div .navigate-buttons .nav-buttons-div a{padding:0 2rem;margin-left:-2rem}.main .navigate-div .navigate-buttons .right-line{height:11rem;width:.1rem;background-color:#d3d3d3;background-color:#44544d}.page-header{position:absolute;width:100%;height:15vh;z-index:323;top:0;left:0;transition:all .5s ease-in-out}.page-header .page-header-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.page-header .page-header-container .nav-bar{width:93%;height:100%;display:flex;align-items:center;justify-content:space-between}.page-header .page-header-container .nav-bar .logo .logo-image-container .top-page-logo{text-decoration:none;color:#000;opacity:.7;font-family:Chillax,sans-serif;font-weight:600;font-size:2rem}.page-header .page-header-container .nav-bar .page-header-links{display:flex;align-items:center}.page-header .page-header-container .nav-bar .page-header-links ul li{list-style:none;display:inline-block}.page-header .page-header-container .nav-bar .page-header-links ul li .menu-links-items-a{font-size:1.4rem;color:#000;opacity:.7;font-weight:700;text-decoration:none;padding:0 1rem;text-transform:lowercase;position:relative}.page-header .page-header-container .nav-bar .page-header-links ul li #blog-small-cta{display:none}.page-header .page-header-container .nav-bar .page-header-links .nav-mail-div{margin-top:2rem;display:none}.page-header .page-header-container .nav-bar .page-header-links .nav-mail-div p{font-size:1.4rem;color:#000;color:blue;opacity:.8;font-weight:500;padding-bottom:.8rem}.page-header .page-header-container .nav-bar .page-header-links .nav-mail-div a{color:#000;font-size:1.3rem;font-weight:600;text-decoration:none}.page-header .page-header-container .nav-bar .page-header-links .social-links-container{width:60vw;display:none}.page-header .page-header-container .nav-bar .page-header-links .social-links-container .social-links-a-div{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;grid-row-gap:3rem}.page-header .page-header-container .nav-bar .page-header-links .social-links-container .social-links-a-div a{color:#000;font-size:1.2rem;color:rgba(0,0,255,.657);font-weight:700;text-transform:uppercase;position:relative}.page-header .page-header-container .nav-bar .menu-toggle{width:50px;height:50px;position:relative;cursor:pointer;border-radius:5px;display:none}.page-header .page-header-container .nav-bar .menu-toggle span{display:block;border-radius:2px;height:1px;transition:.25s ease-in-out;background-color:#566973}.page-header .page-header-container .nav-bar .menu-toggle #hamburger{position:absolute;height:100%;width:100%}.page-header .page-header-container .nav-bar .menu-toggle #hamburger span{width:30px;height:3px;border-radius:7px;position:relative;top:18px;top:10px;left:5px;margin:6px 0}.page-header .page-header-container .nav-bar .menu-toggle #hamburger span:first-child{transition-delay:.5s}.page-header .page-header-container .nav-bar .menu-toggle #hamburger span:nth-child(2){transition-delay:.625s}.page-header .page-header-container .nav-bar .menu-toggle #hamburger span:nth-child(3){transition-delay:.75s}.page-header .page-header-container .nav-bar .menu-toggle #cross{position:absolute;height:100%;width:100%;transform:rotate(45deg)}.page-header .page-header-container .nav-bar .menu-toggle #cross span:first-child{height:0;width:3px;border-radius:7px;position:absolute;top:20%;left:23px;transition-delay:0s}.page-header .page-header-container .nav-bar .menu-toggle #cross span:nth-child(2){width:0;height:3px;border-radius:7px;position:absolute;left:22%;top:22px;transition-delay:.25s}.page-header .page-header-container .nav-bar .menu-toggle.open #hamburger span{width:0}.page-header .page-header-container .nav-bar .menu-toggle.open #hamburger span:first-child{transition-delay:0s}.page-header .page-header-container .nav-bar .menu-toggle.open #hamburger span:nth-child(2){transition-delay:.125s}.page-header .page-header-container .nav-bar .menu-toggle.open #hamburger span:nth-child(3){transition-delay:.25s}.page-header .page-header-container .nav-bar .menu-toggle.open #cross span:first-child{height:56%;transition-delay:.625s;transition-delay:.425s}.page-header .page-header-container .nav-bar .menu-toggle.open #cross span:nth-child(2){width:56%;transition-delay:.375s;transition-delay:.225s}.top-page-section{height:100vh}.top-page-section,.top-page-section .top-page-content{display:flex;align-items:center;justify-content:center}.top-page-section .top-page-content{height:100%;width:90%}.top-page-section .top-page-content .top-page-content-container{padding:.5rem;padding:1rem 2rem}.top-page-section .top-page-content .top-page-content-container .greeting h1{font-size:1.4rem;font-weight:900;letter-spacing:.1rem;color:#000;opacity:.7;padding:0 0 0 .8rem}.top-page-section .top-page-content .top-page-content-container .name{margin-top:.2rem}.top-page-section .top-page-content .top-page-content-container .name h1{font-weight:900;font-size:6.7rem;text-transform:capitalize;color:#000;opacity:.8}.top-page-section .top-page-content .top-page-content-container .profession{margin-top:.2rem}.top-page-section .top-page-content .top-page-content-container .profession h1{font-size:5.3rem;opacity:.6;font-weight:700;font-weight:900;color:#000}.top-page-section .top-page-content .top-page-content-container .info{margin-top:.2rem}.top-page-section .top-page-content .top-page-content-container .info p{font-size:1.6rem;font-weight:700;padding:1rem 0;opacity:.7;color:#000}.top-page-section .top-page-content .top-page-content-container .blog-ex-cta{margin-top:4rem}.top-page-section .top-page-content .top-page-content-container .blog-ex-cta .bxc-btn a{text-decoration:none;font-weight:600;padding:1rem 2rem;font-size:1.3rem;opacity:.9;color:#000;border:1px solid #352d2d}.about-me-section{background-color:#2007c2;padding:10rem 0}.about-me-section .about-me-section-header-and-info{max-width:1000px;padding:2rem 6rem;margin:0 auto}.about-me-section .about-me-section-header-and-info .about-me-header{display:flex;align-items:center;padding:0 1rem;justify-content:center;justify-content:flex-start}.about-me-section .about-me-section-header-and-info .about-me-header .about-me-title{font-size:1.8rem;font-weight:600;color:#fff;opacity:.8;text-transform:capitalize}.about-me-section .about-me-section-header-and-info .about-me-header .about-section-line{height:.1rem;width:30%;background-color:#0f0fdd;background-color:rgba(185,185,201,.3);margin:0 1.2rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container{display:flex;width:100%;align-items:center;justify-content:center}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container{width:100%;display:grid;grid-template-columns:1fr 1fr}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info{display:flex;align-items:center;justify-content:center}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph{padding:1rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph p{padding:1rem 0;color:#fff;font-size:1.5rem;opacity:.9;font-weight:400;line-height:152%}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph #education{margin-bottom:3rem;margin-top:2rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph ul{display:grid;grid-template-columns:1fr 1fr 1fr}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph ul li{list-style-type:none;font-size:1.4rem;font-weight:400;color:#fff;padding:.4rem;opacity:.7}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph ul li:before{content:"‣";color:#b9acac;font-weight:lighter;display:inline-block;width:.7rem;margin-left:-1em}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph .resume-button-container{margin-top:2rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph .resume-button-container button{text-align:center;color:hsla(0,0%,100%,.881);font-weight:500;font-size:1.2rem;padding:1rem 2rem;width:19rem;background-color:transparent;border:1px solid hsla(0,0%,100%,.581);text-transform:uppercase;cursor:pointer;position:relative}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph .resume-button-container button a{text-decoration:none;color:#fff;font-weight:500}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph .resume-button-container button a:active,.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph .resume-button-container button a:visited{color:#fff}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph .resume-button-container button #animatingResumeButton{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#fff;z-index:-1;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image{display:flex;align-items:center;justify-content:center}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container{height:27rem;width:27rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container .image{height:30rem;width:30rem;position:relative}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container .image .img-b-line{height:100%;width:100%;border:.2rem dotted #aea4a4}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container .image #amimg{-o-object-fit:cover;object-fit:cover;height:100%;width:100%;position:absolute;bottom:1.5rem;right:1.5rem}.projects-section{height:100vh,auto;background-color:#070641;color:#fff;padding:8rem 0}.projects-section .projects-section-container{height:100%;max-width:1200px;padding:0 2rem;margin:0 auto}.projects-section .projects-section-container .projects-section-header{display:flex;align-items:center;justify-content:flex-start;padding:2rem;margin-left:1rem}.projects-section .projects-section-container .projects-section-header .projects-title{font-weight:600;opacity:.9;font-size:1.8rem;text-transform:capitalize}.projects-section .projects-section-container .projects-section-header .projects-section-line{height:.004rem;width:30%;background-color:rgba(6,11,132,.5);margin:0 1.2rem}.projects-section .projects-section-container .projects-section-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));margin:0 2rem}.projects-section .projects-section-container .projects-section-details .project-info{margin:1rem;border-radius:.2rem;padding:6.5rem 2rem;padding-top:1rem;position:relative;background-color:transparent;background-color:#05054b}.projects-section .projects-section-container .projects-section-details .project-info .project-section-icons-container{padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;color:#fff}.projects-section .projects-section-container .projects-section-details .project-info .project-section-icons-container a{color:#fff}.projects-section .projects-section-container .projects-section-details .project-info .project-section-icons-container a svg{width:2rem}.projects-section .projects-section-container .projects-section-details .project-info .project-section-icons-container .code{padding-right:1.8rem}.projects-section .projects-section-container .projects-section-details .project-info h1{font-size:1.5rem;opacity:.6;padding-bottom:1rem;text-transform:capitalize;font-weight:600}.projects-section .projects-section-container .projects-section-details .project-info p{font-weight:400;font-size:1.5rem;padding:1rem 0;opacity:.7;letter-spacing:.02rem;padding-bottom:2rem}.projects-section .projects-section-container .projects-section-details .project-info .tech-used-container{width:100%;margin-top:2rem;position:absolute;bottom:0;display:flex;margin-bottom:.5rem}.projects-section .projects-section-container .projects-section-details .project-info .tech-used-container .tech-used{padding-right:.8rem;font-size:1.1rem;opacity:.6;font-weight:300}.send-message-section{background-color:#cad8f8;padding:20rem 0}.send-message-section .send-message-container{max-width:780px;padding:2rem 8rem;margin:0 auto}.send-message-section .send-message-container h1{font-size:2.2rem;padding:1rem 0;text-align:center;color:#000;opacity:.8}.send-message-section .send-message-container p{font-weight:500;font-size:1.5rem;text-align:center;padding-bottom:1rem;color:#000}.send-message-section .send-message-container .send-message-container-details #form label{font-size:1.3rem}.send-message-section .send-message-container .send-message-container-details #form .name-email-container{display:flex;margin-top:3rem;justify-content:space-between}.send-message-section .send-message-container .send-message-container-details #form input,.send-message-section .send-message-container .send-message-container-details #form textarea{border:none;background-color:transparent;font-weight:700;font-size:1.3rem;margin:.9rem 0;color:#000;font-family:Satoshi,sans-serif,General Sans;padding:.8rem;border-bottom:1px solid #000;text-transform:uppercase}.send-message-section .send-message-container .send-message-container-details #form input::-moz-placeholder,.send-message-section .send-message-container .send-message-container-details #form textarea::-moz-placeholder{color:#000;opacity:.8;font-size:1.2rem;font-weight:400}.send-message-section .send-message-container .send-message-container-details #form input::placeholder,.send-message-section .send-message-container .send-message-container-details #form textarea::placeholder{color:#000;opacity:.8;font-size:1.2rem;font-weight:400}.send-message-section .send-message-container .send-message-container-details #form input:focus,.send-message-section .send-message-container .send-message-container-details #form textarea:focus{outline:none;transform:translateY(-.5rem);border-bottom:2px solid #cad8f8}.send-message-section .send-message-container .send-message-container-details #form input{width:45%}.send-message-section .send-message-container .send-message-container-details #form textarea{width:100%}.send-message-section .send-message-container .send-message-container-details #form .button-container{margin-top:2rem;display:flex;align-items:center;justify-content:center}.send-message-section .send-message-container .send-message-container-details #form button{text-align:center;color:#000;font-weight:500;font-size:1.4rem;padding:.8rem 2rem;width:19rem;background-color:transparent;border:1px solid #000;text-transform:uppercase;cursor:pointer;position:relative;z-index:22}.send-message-section .send-message-container .send-message-container-details #form button #animatingSubmitButton{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#000;z-index:-1;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.contact-section{background-color:#2007c2;background-color:#000;padding:20rem 0;color:#fff;position:relative}.contact-section .contact-section-container{max-width:800px;margin:0 auto;display:grid;grid-template-columns:1fr}.contact-section .contact-section-container .contact-me{padding:5rem;padding-bottom:10rem}.contact-section .contact-section-container .contact-me h1{font-weight:400;font-weight:500;font-size:4.4rem;opacity:.9}.contact-section .contact-section-container .contact-me a{font-size:3.4rem;font-weight:400;font-weight:500;text-decoration:none;position:relative;color:#fff}.contact-section .contact-section-container .contact-me a:after{content:"";display:block;height:.1rem;position:absolute;left:0;background-color:#d3d3d3;bottom:-5%;right:0}.contact-section .contact-section-container .contact-section-email-and-links{padding:5rem;display:grid;grid-template-columns:1fr 1fr}.contact-section .contact-section-container .contact-section-email-and-links .contact-section-email a{font-size:1.7rem;font-weight:500;text-decoration:none;position:relative;opacity:.9;color:#fff}.contact-section .contact-section-container .contact-section-email-and-links .contact-section-email a:after{content:"";display:block;height:.1rem;position:absolute;background-color:hsla(0,0%,83%,.481);left:0;bottom:-2%;right:0}.contact-section .contact-section-container .contact-section-email-and-links .contact-section-links{height:50%;text-align:center;display:grid;grid-template-columns:1fr 1fr;row-gap:3rem}.contact-section .contact-section-container .contact-section-email-and-links .contact-section-links a{font-weight:400;font-size:1.8rem;text-decoration:none;color:#fff}.main .navigate-div .navigate-buttons .nav-buttons-div.active-div{background-color:#cad8f8;transform:rotate(-180deg) scale(2);border-radius:unset}body.hideOverflow{overflow:hidden;height:100vh}.page-header .page-header-container .nav-bar .page-header-links.show-links{visibility:visible;opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}@media screen and (max-width:2400px){.contact-section,.send-message-section{height:100vh;padding:unset;display:grid;place-items:center}}@media screen and (max-width:922px){.top-page-section .top-page-content .top-page-content-container .name h1{font-size:5.8rem}.top-page-section .top-page-content .top-page-content-container .profession h1{font-size:4.4rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container{height:25rem;width:25rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container .image{height:25rem;max-width:25rem}}@media screen and (max-width:840px){.top-page-section .top-page-content .top-page-content-container .name h1{font-size:5.4rem}.top-page-section .top-page-content .top-page-content-container .profession h1{font-size:4rem}.top-page-section .top-page-content .top-page-content-container .info p{font-size:1.5rem}.top-page-section .top-page-content .top-page-content-container .info p br,.top-page-section .top-page-content .top-page-content-container .info p br:after{content:" "}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container{grid-template-columns:1fr}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info{padding-bottom:10rem}}@media screen and (max-width:690px){.main .navigate-div,.main .social-links{display:none}.page-header .page-header-container .nav-bar .logo{left:5%}.page-header .page-header-container .nav-bar .page-header-links{position:fixed;top:0;left:0;bottom:0;height:100vh;width:100vw;opacity:0;visibility:hidden;-webkit-clip-path:inset(0 0 0 50%);clip-path:inset(0 0 0 50%);background-color:#fff;transition:all .6s cubic-bezier(.33,1,.68,1)}.page-header .page-header-container .nav-bar .page-header-links ul{width:50%;width:80%;height:80%;margin-left:5rem;display:flex;flex-direction:column;justify-content:space-evenly}.page-header .page-header-container .nav-bar .page-header-links ul li .menu-links-items-a{font-weight:700;font-size:1.5rem;color:#000;text-transform:capitalize}.page-header .page-header-container .nav-bar .page-header-links ul li #blog-small-cta{display:block}.page-header .page-header-container .nav-bar .page-header-links #line{display:none}.page-header .page-header-container .nav-bar .menu-toggle,.page-header .page-header-container .nav-bar .page-header-links .nav-mail-div,.page-header .page-header-container .nav-bar .page-header-links .social-links-container{display:block}.top-page-section .top-page-content{width:98%}.top-page-section .top-page-content .top-page-content-container .name h1{font-size:4.8rem}.top-page-section .top-page-content .top-page-content-container .profession h1{font-size:3.8rem}.send-message-section .send-message-container{padding:4rem}.about-me-section{z-index:99999}.about-me-section .about-me-section-header-and-info{padding:unset;padding:2rem}.contact-section .contact-section-container .contact-me{padding:3rem}.contact-section .contact-section-container .contact-me h1{font-size:3.3rem}.contact-section .contact-section-container .contact-me a{font-size:2.6rem}.contact-section .contact-section-container .contact-section-email-and-links{padding:3rem}}@media screen and (max-width:550px){.top-page-section .top-page-content{width:100%}.top-page-section .top-page-content .top-page-content-container .greeting h1{margin-left:-.5rem;font-size:1.3rem}.top-page-section .top-page-content .top-page-content-container .name h1{font-size:4rem}.top-page-section .top-page-content .top-page-content-container .profession h1{font-size:3rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph p{font-size:1.4rem;font-weight:500}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-info .about-me-info-paragraph ul li{font-size:1.3rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container{height:24rem;width:24rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container .image{height:24rem;max-width:24rem}.projects-section .projects-section-container .projects-section-header .projects-title{font-size:1.9rem}.projects-section .projects-section-container .projects-section-details .project-info{padding:4rem 2rem}.projects-section .projects-section-container .projects-section-details .project-info p{font-size:1.4rem;font-weight:500}.send-message-section .send-message-container h1{font-size:1.8rem}.send-message-section .send-message-container p{font-size:1.3rem}.send-message-section .send-message-container .send-message-container-details #form .name-email-container{flex-direction:column}.send-message-section .send-message-container .send-message-container-details #form .name-email-container input{width:100%}.contact-section .contact-section-container .contact-section-email-and-links{grid-template-columns:1fr;text-align:left}.contact-section .contact-section-container .contact-section-email-and-links .contact-section-email{padding-bottom:5rem}.contact-section .contact-section-container .contact-section-email-and-links .contact-section-links{text-align:left}}@media screen and (max-width:480px){.top-page-section{height:90vh}.top-page-section .top-page-content .top-page-content-container .greeting h1{font-size:1.3rem}.top-page-section .top-page-content .top-page-content-container .name h1{font-size:3rem}.top-page-section .top-page-content .top-page-content-container .profession h1{font-size:2.7rem}.top-page-section .top-page-content .top-page-content-container .info p{font-size:1.4rem}.about-me-section .about-me-section-header-and-info .about-me-header .about-me-title{font-size:1.9rem}.send-message-section{height:auto;padding:4rem 0}.send-message-section .send-message-container p br,.send-message-section .send-message-container p br:after{content:" "}.contact-section{height:auto;padding:6.5rem 0;background-color:#000;color:#fff}.contact-section .contact-section-container .contact-me h1{font-size:2.5rem;color:#fff;padding-bottom:1rem}.contact-section .contact-section-container .contact-me a{font-size:2.2rem}.contact-section .contact-section-container .contact-section-email-and-links .contact-section-email a{font-size:1.5rem}.contact-section .contact-section-container .contact-section-email-and-links .contact-section-links a{font-size:1.4rem;font-weight:400}}@media screen and (max-width:400px){.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container{height:22rem;width:22rem}.about-me-section .about-me-section-header-and-info .about-me-flex-container .about-me-container .about-me-image .image-container .image{height:22rem;max-width:22rem}}