@import"https://fonts.googleapis.com/css?family=Open+Sans&display=swap";:root{--bg-color-primary: rgb(40, 64, 64);--bg-color-secondary: rgb(226, 226, 226);--text-color-primary: #deeefb;max-width:100vw;overflow-x:hidden}#app{height:100vh;width:100vw;background-color:var(--bg-color-primary)}#about{padding:50px 20px 100px;position:relative;color:var(--text-color-primary)}.about-container{margin-top:20px;display:grid;justify-content:center;justify-items:center}.about-header{position:absolute;top:0;left:50%;transform:translate(-50%) translateY(-50%);color:#000;background-color:#e2e2e2;padding:6px 12px;border:1px solid rgb(33,53,53);border-radius:15px;box-shadow:0 0 4px 1px #000;pointer-events:none}.about-description{min-width:calc(100% - 40px);max-width:768px;margin-left:40px;padding-right:20px;padding-bottom:30px}.about-description>p{font-size:1.25rem;line-height:1.5;text-align:justify;pointer-events:none}.about-image{float:left;shape-outside:ellipse(50% 50% at center);margin:20px 70px 30px 20px;width:100px;height:200px;position:relative}.about-image>img{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);min-width:220px;clip-path:ellipse(50% 50% at center)}.about-image:after{content:"";position:absolute;top:-48px;left:calc(-50% - 12px);width:224px;height:300px;clip-path:ellipse(50% 50% at center);background:radial-gradient(ellipse,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 49%,rgba(40,64,64,.5) 55%,var(--bg-color-primary) 63%,var(--bg-color-primary) 100%)}@media screen and (max-width: 768px){#about{padding-top:40px;padding-bottom:70px}.about-description{padding-right:40px}.about-image{margin-right:40px;margin-bottom:20px}.about-image>img{min-width:150px}.about-image:after{width:160px;height:230px;left:calc(-50% + 22px);top:-16px}.about-description>p{font-size:1rem}}@media screen and (max-width: 480px){.about-description{margin-left:20px;padding-right:20px}.about-header{font-size:1rem}.about-image{display:none}.about-image>img{display:none}.about-image:after{display:none}.about-description>p{font-size:.8rem}}.carousel{overflow:hidden;height:max-content;justify-self:start;max-width:800px;position:relative}.carousel-inner{display:grid;grid-template-columns:repeat(100,max-content);position:relative;max-width:100vw}.carousel-item{width:max-content;max-width:800px;position:relative}.carousel-link>img{width:100vw;max-width:800px}.carousel-link>h3{position:absolute;bottom:80px;left:50%;width:calc(100% - 80px - 20vw);transform:translate(-50%,50%);text-align:center;background-color:#000000b3;border:1px solid white;border-radius:10px;padding:10px 20px}#blog-nav-left,#blog-nav-right{position:absolute;top:50%;background-color:#fff;color:#000;border:1px solid black;border-radius:20%;padding:5px 10px;cursor:pointer;font-weight:700;transform:translateY(-50%);transition-property:all;transition-duration:.1s;box-shadow:0 0 3px 3px #7f7f7f66}#blog-nav-left{left:20px}#blog-nav-right{right:20px}@media screen and (max-width: 640px){.carousel-link>h3{bottom:60px;font-size:.9rem;padding:8px 16px}}@media screen and (max-width: 480px){.carousel-link>h3{bottom:50px;font-size:.7rem;padding:6px 12px}#blog-nav-right,#blog-nav-left{font-size:1rem;padding:5px 10px}}@media screen and (min-width: 800px){.carousel{justify-self:center;box-shadow:0 0 8px 4px #ffffff80}.carousel:hover{box-shadow:0 0 8px 4px #ffff9b80}#blog-nav-right,#blog-nav-left{font-size:1.5rem;padding:10px 20px}#blog-nav-right:hover,#blog-nav-left:hover{transform:translateY(-50%) scale(1.05)}}#blog{height:max-content;position:relative}#blog-header{position:absolute;top:40px;left:50%;transform:translate(-50%) translateY(-50%);color:#000;background-color:#e2e2e2;padding:6px 12px;border:1px solid rgb(33,53,53);border-radius:15px;box-shadow:0 0 4px 1px #000;pointer-events:none;z-index:2}#blog:after{content:"";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:100%;height:40px;background-color:var(--bg-color-primary);clip-path:ellipse(55% 100% at top center);z-index:1}@media screen and (max-width: 480px){#blog-header{font-size:1rem}}@media screen and (min-width: 800px){#blog{padding-top:90px;padding-bottom:20px}}.socials{display:flex;justify-content:center;margin:20px;gap:30px;background-color:#6f4848;padding:10px 15px;border:1px solid white;border-radius:3px}.socials>a{width:50px}.socials>a:hover{transform:scale(1.08)}.socials>a>img{width:100%}.resume-link{margin-left:-8px;margin-right:-5px}@media screen and (max-width: 768px){.socials{gap:20px}.socials>a{width:35px}}#contact{padding:10px 20px 30px;margin:auto;position:relative;background-color:var(--bg-color-secondary);color:#000;display:grid;grid-template-columns:max-content max-content;align-items:center;justify-content:center;width:100vw}.contact-header{position:absolute;top:-42px;left:50%;transform:translate(-50%) translateY(-50%);color:#000;background-color:#e2e2e2;padding:6px 12px;border:1px solid rgb(33,53,53);border-radius:15px;box-shadow:0 0 4px 1px #000;pointer-events:none;z-index:2}#contact>p{font-size:1.1rem;margin:0;padding:20px;text-align:center;pointer-events:none}#contact>p>a{--anchor-color: rgb(50, 106, 211);color:var(--anchor-color);text-decoration:none;border-bottom:1px solid var(--anchor-color);pointer-events:auto}#contact:after{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:100%;height:40px;background-color:var(--bg-color-secondary);clip-path:ellipse(55% 100% at bottom center);z-index:1}#contact>.socials{background-color:var(--bg-color-primary);padding:10px;border:1px solid black;border-radius:10px;box-shadow:0 0 4px 1px #6464644d}@media screen and (max-width: 480px){.contact-header{font-size:1rem}#contact{grid-template-columns:max-content}#contact>p{font-size:.9rem}#contact>.socials{max-width:max-content;justify-self:center}}#landing{margin:auto;background-image:url(/assets/front_page_bg-BbjGeX_1.webp);background-size:clamp(820px,100vw,100vw);background-repeat:no-repeat;background-position:center;position:relative;color:var(--text-color-primary);clip-path:ellipse(120% 100% at top center)}.landing-description{display:grid;grid-template-columns:1fr max-content;justify-items:center;padding:50px 20px 200px;-webkit-backdrop-filter:brightness(.45);backdrop-filter:brightness(.45);height:100%;width:100%}.landing-logo:after{content:"Full-Stack Developer";font-size:4rem;font-weight:700;font-family:Ubuntu;position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:max-content}.landing-logo{display:grid;grid-template-columns:repeat(2,max-content);justify-items:center;height:max-content;position:relative}.landing-logo>img{max-height:230px;background:linear-gradient(145deg,#e2e2e2,#525252);border-radius:50%;border:.5px solid black;margin-left:20px;box-shadow:0 0 12px 12px #00000080}.landing-name{display:grid;grid-template-columns:max-content;grid-template-rows:max-content max-content;justify-items:end}.landing-name>h1{font-size:4rem;margin:0;font-family:Ubuntu,sans-serif;font-weight:700;line-height:1.1;pointer-events:none}@media screen and (max-width: 768px){.landing-description{grid-template-columns:1fr;justify-items:center;padding-bottom:120px;padding-top:30px}.landing-description>img{margin-left:0;margin-top:30px}.landing-name>h1{font-size:3rem}.landing-logo:after{font-size:2.5rem;bottom:-60px}.landing-logo>img{max-height:170px}}.landing-text{text-align:justify}.landing-text>h2{font-size:1.3rem;margin-bottom:.5rem}.landing-text>p{font-size:.9rem;line-height:1.5}@media screen and (max-width: 480px){.landing-description{padding:15px}.landing-logo:after{font-size:1.7rem}.landing-name>h1{font-size:2.2rem}.landing-logo>img{max-height:100px}}#projects{padding:40px 20px 100px;position:relative;background-color:var(--bg-color-secondary);color:#213535;display:grid;grid-template-columns:1fr;justify-items:center;justify-content:center;gap:40px}#projects:after{content:"";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);width:100%;height:40px;background-color:var(--bg-color-secondary);clip-path:ellipse(55% 100% at top center);z-index:1}@media screen and (min-width: 1080px){#projects{grid-template-columns:repeat(3,max-content)}}@media screen and (min-width: 2160px){#projects{grid-template-columns:repeat(4,max-content)}}#projects:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:100%;height:40px;background-color:var(--bg-color-secondary);clip-path:ellipse(55% 100% at bottom center)}.projects-header{position:absolute;top:-42px;left:50%;transform:translate(-50%) translateY(-50%);color:#000;background-color:#e2e2e2;padding:6px 12px;border:1px solid rgb(33,53,53);border-radius:15px;box-shadow:0 0 4px 1px #000;pointer-events:none}@media screen and (max-width: 480px){.projects-header{font-size:1rem}}.project{width:calc(100vw - 80px);max-width:520px;box-shadow:0 0 12px 8px gray;transition-property:width max-width;transition-duration:.5s;border-radius:5px;position:relative;height:max-content}.project-container>img{background-color:#000000b3;padding:10px;border-radius:5px}.project-description{position:absolute;top:0;left:0;height:100%;padding:12px;background-color:#000000bf;opacity:0;transition-property:opacity;transition-duration:.5s;max-width:100%}.project:hover .project-description{opacity:1}.project-link{color:#95c6d6;margin:auto auto 2px;text-align:center;display:grid;grid-template-columns:calc(100% - 30px) max-content;gap:10px;align-content:center;align-items:center;justify-items:center;justify-content:center;text-decoration:none;border-bottom:1px solid rgb(149,198,214);max-width:calc(100% - 20px);padding-bottom:3px}.project-link>h3{font-size:1.2rem}.project-description>p{color:var(--text-color-primary);font-size:.7rem;pointer-events:none;padding:6px 6px 10px;text-align:justify;transition-property:font-size;transition-duration:.5s}.external-link{width:15px}.project-github-link{display:grid;grid-template-columns:max-content max-content;width:max-content;justify-items:center;justify-content:center;align-items:center;align-content:center;gap:5px;text-decoration:none;background-color:#5e5e2d;padding:5px 9px;margin:0 auto auto;border:1px solid white}.project-github-link:hover{background-color:#b09349}.project-github-link>div{color:var(--text-color-primary)}.project-github-link>img{max-width:30px}@media screen and (max-width: 1080px){.project-description>p{font-size:1rem}.project:hover{width:calc(100vw - 60px);max-width:580px}}@media screen and (max-width: 720px){.project-link>h3{font-size:1.1rem}.project-description>p{font-size:.9rem}.project-github-link{font-size:.85rem;padding:7px 14px}.project:hover{width:calc(100vw - 60px);max-width:580px}}@media screen and (max-width: 600px){.project-link>h3{font-size:1rem}.project-github-link>img{max-width:30px}.project-description>p{font-size:.7rem;padding:2px}.project-link{margin-bottom:3px}.project-github-link{margin-top:6px}}@media screen and (min-width: 1080px){.project{width:calc(33vw - 40px);max-width:400px;align-self:center}.project-link>h3{font-size:.8rem}.project-description>p{font-size:calc(.62vw + .225rem)}.project-github-link{font-size:.7rem;padding:6px 10px}.project-github-link>img{max-width:25px}}@media screen and (min-width: 2160px){.project{width:calc(33.33vw - 80px);max-width:500px}.project-link>h3{font-size:1.2rem}.project-description>p{font-size:1.1rem;padding:11px}.project-github-link{font-size:1.1rem;padding:10px 20px}}#technologies{height:max-content;background-image:url(/assets/alt_bg4-vVdhs4cf.png);background-attachment:fixed;background-size:100%;position:relative}.technologies-header{position:absolute;top:40px;left:50%;transform:translate(-50%) translateY(-50%);color:#000;background-color:#e2e2e2;padding:6px 12px;border:1px solid rgb(33,53,53);border-radius:15px;box-shadow:0 0 4px 1px #000;pointer-events:none;z-index:2}.technologies-backdrop{-webkit-backdrop-filter:brightness(.65);backdrop-filter:brightness(.65);padding-top:120px;padding-bottom:120px;display:grid;gap:30px;row-gap:50px;grid-template-columns:repeat(auto-fit,minmax(900px,1fr));width:100%}@media screen and (max-width: 480px){.technologies-header{font-size:1rem}}@media screen and (max-width: 1080px){.technologies-backdrop{grid-template-columns:1fr;row-gap:40px}}@media screen and (min-width: 1566px){.technologies-backdrop{row-gap:80px}}.tech-container{display:grid;background:linear-gradient(180deg,#9b9bcd,#ebebeb);border:1px solid black;border-radius:15px;margin:20px;padding:25px 10px 10px;position:relative;box-shadow:0 0 4px 3px #ffffff80;width:calc(100vw - 40px);max-width:900px;justify-self:center;height:100%;align-items:center;align-content:start;align-self:center}.tech-label{position:absolute;left:50%;transform:translate(-50%);top:-33px;text-align:center;font-size:1.5rem;margin-top:10px;margin-bottom:10px;color:var(--text-color-primary);font-weight:700;background-color:#8787cd;width:max-content;padding:5px 15px;border:1px solid black;border-radius:5px;box-shadow:0 0 2px 1px #000;text-shadow:0px 0px 4px rgba(0,0,0,1);pointer-events:none}.tech-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-items:center;gap:21px;padding:20px}@media screen and (max-width: 768px){.tech-container{justify-self:start}.tech-list{grid-template-columns:repeat(auto-fit,minmax(65px,1fr))}.tech-label{font-size:1.25rem;top:-30px}}@media screen and (max-width: 480px){.tech-label{font-size:1rem;top:-30px}.tech-list{grid-template-columns:repeat(auto-fit,minmax(45px,1fr))}}.technology{display:grid;background:linear-gradient(180deg,#ebebeb,#b9b9b9);padding:10px 10px 15px;border:2px solid red;border-radius:8px;width:100px;justify-content:center;gap:5px;box-shadow:0 10px 10px #00000080;text-decoration:none;transition:all .1s}.technology:hover{box-shadow:0 10px 10px #ffffe1cc;transform:translateY(-3px) scale(1.03)}.technology>img{width:50px;justify-self:center}.technology>p{font-size:.8rem;font-weight:700;text-align:center;color:#000;text-shadow:0px 0px 1px rgba(155,155,205,1);pointer-events:none}@media screen and (max-width: 768px){.technology{width:80px;padding:5px}.technology>img{width:50px}.technology>p{font-size:.65rem}}@media screen and (max-width: 480px){.technology{width:60px}.technology>img{width:25px}.technology>p{font-size:.5rem}}.content-list{color:#fff;width:100vw;margin:auto;background-color:var(--bg-color-primary)}:root{--bg-primary: #1e1e1e;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--bg-quaternary: #4a4a4a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--accent-color: #61dafb;--code-bg: #3a3a3a}.post-body{font-size:1.1em;line-height:1.6;min-height:100vh;margin:0;padding:0;color:var(--text-primary);background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}section{width:100vw;display:grid;place-items:center}section>h1{font-size:1.5rem;margin-top:1.5rem;margin-bottom:1rem;text-align:center;color:var(--accent-color);line-height:1.3}section>p,.text-with-image>p{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;padding-left:2rem;padding-right:2rem;text-align:justify;text-indent:2rem;max-width:800px}section>ul{font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;padding-left:4rem;padding-right:2rem;max-width:800px}section>ul>li{margin-bottom:.9rem}section a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}section a:hover{color:#90e0ff;text-decoration:underline}.section-1{background:linear-gradient(90deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding-bottom:3rem}.section-2{background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);position:relative;padding-top:.5rem;padding-bottom:.5rem}.section-2:after{content:"";position:absolute;top:1px;left:0;width:100%;height:2rem;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border-radius:50% 50% 0 0;transform:translateY(-100%)}.section-2:before{content:"";position:absolute;bottom:1px;left:0;width:100%;height:2rem;background:linear-gradient(90deg,var(--bg-quaternary) 0%,var(--bg-tertiary) 100%);border-radius:0 0 50% 50%;transform:translateY(100%)}.section-3{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding-top:5rem}.section-label-top{position:absolute;top:-2rem;transform:translateY(-50%);z-index:2;background-color:#ddd;color:var(--bg-primary);padding:.25rem .8rem;border-radius:10px;font-weight:700;box-shadow:0 0 3px 1px #0006}.section-label-bottom{position:absolute;bottom:-2rem;transform:translateY(50%);z-index:2;background-color:#ddd;color:var(--bg-primary);padding:.25rem .8rem;border-radius:10px;font-weight:700;box-shadow:0 0 3px 1px #0006}.section-label-top,.section-label-bottom{font-size:1.1rem}.text-with-image>img{float:left;width:350px;margin:20px 20px 12px}@media (max-width: 850px){section{padding-right:1.5rem;padding-left:1.5rem}section>h1{font-size:1.25rem}section>p,.text-with-image>p{font-size:.9rem}section>ul{font-size:.9rem;padding-left:3rem}.section-label-top,.section-label-bottom{font-size:1rem}.text-with-image>img{float:none;width:calc(100% - 80px);margin:auto;margin-top:1rem;margin-bottom:2rem}}@media (max-width: 450px){section>p,.text-with-image>p{font-size:.8rem;margin-bottom:.8rem}section>ul{font-size:.8rem;margin-bottom:.5rem}section>h1{font-size:1rem}.section-label-top,.section-label-bottom{font-size:.8rem}.text-with-image>img{width:calc(100% - 40px);margin-top:.5rem;margin-bottom:1rem}}footer{width:100%;height:60px;background-color:#333;padding:20px;color:#fff;pointer-events:none}footer p{margin:0;text-align:center;font-size:.8rem}#hamburger{display:none}@media (max-width: 600px){#hamburger{display:block;cursor:pointer;padding:.5rem;width:40px;margin:10px 10px 10px 20px;background-color:#6a6a6a;border-radius:5px;box-shadow:0 0 4px #00000080}#hamburger:hover{background-color:#565656}}.nav-button{padding:8px 15px;height:100%;display:grid;align-content:center}.nav-button,.nav-button>.nav-button-label{cursor:pointer}.nav-button.dropdown,.nav-button.dropdown>.nav-button-label{cursor:default}.nav-button.active,.nav-button:hover{background-color:#2a2a2a}.nav-button-label{font-size:1.1rem;border:none;background-color:transparent;color:#add8e6}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;bottom:0;right:0;transform:translateY(100%);background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0000004d;border:1px solid grey;z-index:1;font-size:.8rem;width:max-content}.dropdown-content.active{display:block}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#e5e5e5}.nav-button-link{text-decoration:none;color:#fff;height:100%}.nav-button.dropdown>.nav-button-label{padding-right:15px}.down-arrow{position:absolute;right:8px;top:50%;font-weight:700;transform:translateY(calc(-50% - 5px));font-size:1.4rem}@media (max-width: 600px){.nav-button{padding:10px 20px;border-top:1px solid rgb(152,152,152)}.nav-button-label{font-size:.95rem;text-align:start}.dropdown-content{font-size:.9rem;left:0;width:100%}.down-arrow{font-size:1.5rem;transform:translateY(calc(-50% - 8px));right:20px}}@media screen and (min-width: 1080px){.nav-button-label{font-size:1.3rem}.dropdown-content{font-size:.9rem}}#advice-img{max-width:400px}.section-2>p:nth-child(4){margin-bottom:0}.shift-left{transform:translate(-3rem)}@media (max-width: 800px){.shift-left{transform:translate(0)}}.main-nav{display:grid;justify-content:center;grid-template-columns:max-content 1fr max-content;align-items:center;height:max-content;margin:0;gap:10px;background-color:#333;color:#add8e6}#nav-buttons{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(2,max-content);height:100%}#brand-name{font-size:1.5rem;padding:.5rem .5rem .5rem 1rem;font-weight:700;pointer-events:none}.main-nav>.socials{margin:0;background-color:transparent;border:none}.main-nav>.socials>a{width:27px}@media (max-width: 600px){.main-nav{grid-template-columns:max-content 1fr 1fr}#brand-name{font-size:1.3rem}#nav-buttons{display:none;height:min-content}#nav-buttons.active{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;background-color:#585858;position:absolute;top:60px;left:0;width:100%;z-index:1}}@media screen and (max-width: 500px){#brand-name{font-size:1.1rem}}@media screen and (max-width: 400px){.main-nav{gap:5px}#brand-name{font-size:.9rem;padding:.3rem}.main-nav>.socials>a{width:25px}}@media screen and (min-width: 768px){.main-nav{padding-left:20px;padding-right:20px;grid-template-columns:max-content minmax(100px,400px) max-content}}@media screen and (min-width: 1080px){#brand-name{font-size:2rem}.main-nav>.socials>a{width:40px}}:root{font-size:16px}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{font-family:Open Sans,sans-serif;margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}body{overflow-x:hidden;max-width:100vw!important}section{padding-left:0!important;padding-right:0!important}