@keyframes drop-item{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes slide-in{0%{transform:translateX(200%)}100%{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}100%{transform:translateX(200%)}}@keyframes fade-in{0%{backdrop-filter:blur(0px);background-color:rgba(0,0,0,0)}100%{backdrop-filter:blur(3px);background-color:rgba(10,25,47,.8509803922)}}@keyframes fade-up{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes fade-out{0%{backdrop-filter:blur(3px)}100%{backdrop-filter:blur(0px);background-color:rgba(0,0,0,0)}}@keyframes typing{0%{width:0}100%{width:100%}}@keyframes blink-caret{0%,100%{border-color:rgba(0,0,0,0)}50%{border-color:#64ffda}}@keyframes light-up{0%{fill:#8892b0}25%{fill:#64ffda}50%{fill:#8892b0}75%{fill:#64ffda}100%{fill:#8892b0}}section.intro{padding:0;max-width:650px;margin:auto}section.intro h1,section.intro h2,section.intro p{font-family:"Raleway",sans-serif;margin:0}section.intro h3{font-weight:400;font-size:clamp(14px,8vw,16px);color:#64ffda;animation:fade-up 1000ms ease}section.intro h1{font-size:clamp(40px,5vw,60px);animation:fade-up 1200ms ease}section.intro h2{color:#8892b0;font-size:clamp(40px,5vw,60px);animation:fade-up 1400ms ease}section.intro p{margin:10px 0 0;font-size:16px;font-family:"Poppins",sans-serif;line-height:1.5;animation:fade-up 1600ms ease}section.about{max-width:900px;margin:auto;display:grid;grid-template-columns:3fr 2fr;gap:40px;place-items:center}section.about article p{margin:0px 0px 15px;color:#8892b0;font-family:"Poppins",sans-serif}section.about article ul{grid-template-columns:repeat(2, minmax(100px, 200px))}section.about aside{display:inline-block;width:fit-content;user-select:none;max-width:300px;border-radius:4px;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);position:relative;inset:0px;object-fit:cover;z-index:10}section.about aside:hover,section.about aside:focus,section.about aside:focus-visible{outline:0px;transform:translate(-4px, -4px);box-shadow:0 20px 30px -15px rgba(2,12,27,.7)}section.about aside:hover::after,section.about aside:focus::after,section.about aside:focus-visible::after{transform:translate(8px, 8px)}section.about aside:hover::before,section.about aside:focus::before,section.about aside:focus-visible::before{opacity:0}section.about aside::after{content:"";display:block;position:absolute;width:100%;height:100%;border-radius:4px;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);border:2px solid #64ffda;top:10px;left:10px;z-index:-1}section.about aside::before{content:"";display:block;position:absolute;width:100%;height:300px;border-radius:4px;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:rgba(100,255,219,.5411764706);opacity:.5}section.about aside img{border-radius:4px;width:300px;height:300px;object-fit:cover;object-position:center}section.experience{max-width:700px}section.experience .jobs{min-height:320px;display:flex}section.experience .jobs__tabs{width:max-content}section.experience .jobs__tabs button{width:100%;height:42px;display:flex;align-items:center;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);font-size:13px;color:#8892b0;background:rgba(0,0,0,0);border:0px;border-radius:0;border-left:2px solid #112240;white-space:nowrap;padding:0px 20px 2px;text-align:left;cursor:pointer}section.experience .jobs__tabs button:hover,section.experience .jobs__tabs button:focus-visible{background-color:#112240;color:#64ffda;outline:none;box-shadow:none;transform:none}section.experience .jobs__tabs button.active{border-left:2px solid #64ffda;background-color:#112240;color:#64ffda;outline:none}section.experience .jobs__description{margin-left:20px;padding:10px 5px}section.experience .jobs__description__header h3{margin-bottom:2px;font-size:22px;font-family:"Raleway",sans-serif;font-weight:500;gap:5px}section.experience .jobs__description__header h3 span{color:#64ffda;display:inline-flex}section.experience .jobs__description__header h3 span::before{content:"@";line-height:1;margin-right:3px}section.experience .jobs__description__header p{color:#8892b0;font-size:13px;margin:0px 0px 25px}section.experience .jobs__description__details ul li span{font-size:14px}section.projects{max-width:1000px}section.projects .projects_list{min-height:300px;display:grid;grid-template-columns:1fr;row-gap:100px}section.projects .projects_list .project{width:100%;position:relative;display:flex;align-items:center}section.projects .projects_list .project .external_image{border:none;padding:0;display:inline-block;width:100%;min-height:395px;max-width:560px;background-repeat:no-repeat;background-size:cover;background-position:top;position:relative}section.projects .projects_list .project .external_image::before{content:"";position:absolute;width:100%;height:100%;z-index:5;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);background-color:#0a192f;opacity:.5}section.projects .projects_list .project .external_image:focus-visible{outline:2px dashed #64ffda;outline-offset:5px}section.projects .projects_list .project .external_image:hover,section.projects .projects_list .project .external_image:focus-visible{box-shadow:none;transform:none}section.projects .projects_list .project .external_image:hover::before,section.projects .projects_list .project .external_image:focus-visible::before{background-color:rgba(0,0,0,0)}section.projects .projects_list .project .content{width:100%;max-width:470px;top:0px;position:absolute;display:grid;grid-template-columns:1fr;row-gap:10px;z-index:10;right:0px;place-items:end;text-align:right}section.projects .projects_list .project .content p{margin:0px}section.projects .projects_list .project .content p.tag{font-weight:400;font-size:13px;color:#64ffda}section.projects .projects_list .project .content a{font-family:"Raleway",sans-serif;color:#ccd6f6;text-decoration:none;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);font-size:clamp(24px,5vw,28px);border:none;padding:0;font-weight:600;display:inline-block;width:fit-content}section.projects .projects_list .project .content a:hover,section.projects .projects_list .project .content a:focus-visible{color:#64ffda;outline:none;box-shadow:none;transform:none}section.projects .projects_list .project .content p.tags{display:flex;justify-content:flex-end;flex-wrap:wrap;align-content:center;align-items:center;color:#a8b2d1;font-size:13px;gap:10px}section.projects .projects_list .project .content .project_description{box-shadow:0px 10px 30px -15px #0a192f;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);padding:25px;font-size:18px;color:#a8b2d1;background-color:#112240;border-radius:4px}section.projects .projects_list .project.right{justify-content:right}section.projects .projects_list .project.right .content{left:0px;place-items:start}section.projects .projects_list .project.right .content a,section.projects .projects_list .project.right .content p{text-align:left}section.noteworthy-projects{max-width:1000px}section.noteworthy-projects h2.header-text{justify-content:center}section.noteworthy-projects h2.header-text::after{display:none}section.noteworthy-projects .projects-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:15px;position:relative}section.noteworthy-projects .projects-list .project{width:100%;height:100%;position:relative;background-color:#112240;padding:2rem 1.75rem;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;border-radius:4px;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);box-shadow:0px 10px 30px -15px rgba(2,12,27,.7);box-sizing:border-box}section.noteworthy-projects .projects-list .project:hover,section.noteworthy-projects .projects-list .project:focus-visible{transform:translateY(-7px);outline:none}section.noteworthy-projects .projects-list .project:hover h3 a,section.noteworthy-projects .projects-list .project:focus-visible h3 a{color:#64ffda}section.noteworthy-projects .projects-list .project__side{width:100%}section.noteworthy-projects .projects-list .project__top{width:100%;justify-content:space-between;margin-bottom:15px}section.noteworthy-projects .projects-list .project__top .folder img{width:40px;height:40px}section.noteworthy-projects .projects-list .project__top .external{position:relative}section.noteworthy-projects .projects-list .project__top .external a{padding:5px 7px;position:relative;z-index:1;border:none}section.noteworthy-projects .projects-list .project__top .external a:hover,section.noteworthy-projects .projects-list .project__top .external a:focus{transform:none;box-shadow:none}section.noteworthy-projects .projects-list .project__top .external a:hover svg,section.noteworthy-projects .projects-list .project__top .external a:focus svg{stroke:#64ffda}section.noteworthy-projects .projects-list .project__top .external a svg{transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);width:20px;height:20px}section.noteworthy-projects .projects-list .project__top .external a:focus-visible{outline:2px dashed #64ffda;outline-offset:3px}section.noteworthy-projects .projects-list .project__middle h3{margin:0px 0px 10px}section.noteworthy-projects .projects-list .project__middle h3 a{display:inline-block;transition:all .25s cubic-bezier(0.645, 0.045, 0.355, 1);text-decoration:none;font-size:22px;color:#ccd6f6;border:none;padding:0}section.noteworthy-projects .projects-list .project__middle h3 a::before{content:"";display:block;position:absolute;z-index:0;width:100%;height:100%;top:0px;left:0px}section.noteworthy-projects .projects-list .project__middle h3 a:hover,section.noteworthy-projects .projects-list .project__middle h3 a:focus,section.noteworthy-projects .projects-list .project__middle h3 a:focus-visible{color:#64ffda;transform:none;box-shadow:none}section.noteworthy-projects .projects-list .project__middle p{margin:0px;font-size:17px;color:#a8b2d1}section.noteworthy-projects .projects-list .project__bottom{width:100%}section.noteworthy-projects .projects-list .project__bottom ul{padding:0px;margin:20px 0px 0px;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-end;flex-grow:1}section.noteworthy-projects .projects-list .project__bottom ul li{margin-right:15px;font-size:12px;line-height:1.75}section.contact{max-width:600px;text-align:center;padding:100px 0px 150px}section.contact h2.header-text{font-size:clamp(30px,5vw,50px);justify-content:center;margin:10px 0px}section.contact h2.header-text::after{display:none}section.contact p{font-size:18px}section.contact a{margin-top:25px}