@import url(https://fonts.googleapis.com/css2?family=Mulish&display=swap);:root{--theme-1:#36d1dc;--theme-2:#6a11cb;--theme-3:#ff7e5f;--theme-4:#f7971e;--theme-5:#00c6ff;--black:#000;--gray-1:#111;--gray-2:#222;--gray-3:#333;--gray-4:#444;--gray-5:#555;--gray-6:#666;--gray-7:#777;--gray-8:#888;--gray-9:#999;--gray-A:#aaa;--gray-B:#bbb;--gray-C:#ccc;--gray-D:#ddd;--gray-E:#eee;--white:#fff}body{background-color:var(--gray-1);font-family:Mulish,sans-serif}body,h2,p,ul{margin:0;padding:0}*,:after,:before{box-sizing:border-box;outline:none}ul{list-style:none}::-webkit-scrollbar-track{background-color:var(--gray-1)}::-webkit-scrollbar{width:10px}@media (max-width:1000px){::-webkit-scrollbar{width:1px}}::-webkit-scrollbar-thumb{background-color:var(--gray-5)}a::selection,h1::selection,h2::selection,img::selection,li::selection,p::selection{background-color:rgba(var(--theme-4),.5)}#root{background-color:var(--gray-1)}.sections{padding-left:150px;width:100%}.section-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4em 5em 10em}.section-title{border-bottom:3px solid var(--theme-3);color:var(--white);font-size:3em;font-weight:700;margin:0 0 1em}@media (max-width:1000px){.sections{padding:0}.section-title{font-size:2.5em}}@media (max-width:500px){.section-container{padding:4em 3em 10em}}@media (max-width:400px){.section-container{padding:4em 1em 10em}}.solid-button{background-color:var(--theme-3);border:2px solid var(--theme-3);color:var(--white);cursor:pointer;display:inline-block;font-size:1.1em;padding:.7em;text-align:center;text-decoration:none;width:170px}.solid-button:hover{background-color:var(--theme-4);border-color:var(--theme-4)}@media (max-width:1000px){.solid-button{font-size:.9em;width:150px}}.ghost-button{background-color:initial;border:2px solid var(--gray-C);color:var(--gray-C);cursor:pointer;display:inline-block;font-size:1.1em;padding:.7em;text-align:center;text-decoration:none;width:170px}.ghost-button:hover{background-color:rgba(var(--gray-C),.1)}@media (max-width:1000px){.ghost-button{font-size:.9em;width:150px}}.empty-button{background-color:initial;border:2px solid #0000;color:var(--white);cursor:pointer;display:inline-block;font-size:1.1em;padding:.7em;text-align:center;text-decoration:underline;width:170px}.empty-button:hover{text-decoration:none}@media (max-width:1000px){.empty-button{font-size:.9em;width:150px}}.loading-container{align-items:center;background-color:var(--gray-1);display:flex;height:100vh;justify-content:center;width:100vw}.loading-container img{animation:loading 1s ease-out infinite;width:50px}@keyframes loading{25%{transform:rotate(30deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.mobile-header{align-items:center;background-color:rgba(var(--gray-1),.7);display:none;height:4em;justify-content:space-between;left:0;padding:0 1.5em;position:fixed;top:0;width:100%;z-index:2000}.mobile-header img{cursor:pointer}.logo{height:50px;width:50px}.burger-close{height:30px;opacity:.7;width:30px}@media (max-width:1000px){.mobile-header{display:flex}}@media (max-width:500px){.mobile-header{padding:0 1em}}.header{align-items:center;background-color:var(--gray-2);display:var(--display-header);flex-direction:column;height:100vh;justify-content:space-between;left:0;padding:1em;position:fixed;top:0;width:200px}.header-logo{cursor:pointer;opacity:.9;width:70px}.header-logo:hover{opacity:1}.header-sections{align-items:center;display:flex;flex-direction:column;list-style:none}.header-sections>p{color:var(--gray-E);cursor:pointer;margin-bottom:2em;opacity:.5;text-decoration:none}.header-sections>p:hover{opacity:1}.language-selector{align-items:center;background-color:var(--gray-3);flex-direction:column;position:absolute;top:40px}.language-selector button{background-color:initial}.language-selector button:hover{background-color:var(--gray-4)}@media (max-width:1000px){.header{background-color:var(--gray-1);width:100vw;z-index:1000}.header-logo{opacity:0}}.home-section{align-items:center;display:flex;height:95vh;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 5em;position:relative;width:100%}.home-section img{opacity:.5;width:220px}.home-hi,.home-left{display:flex;flex-direction:column}.home-hi{margin-bottom:5em}.home-hi h1{color:var(--white);font-size:4.5em;font-weight:700;margin:.1em 0 .3em}.home-hi p:first-of-type{color:var(--gray-7);font-size:2em}.home-hi p:nth-of-type(2){color:var(--gray-8);font-size:1.8em}.scroll-down{align-items:center;animation:scroll-animation 3s ease-in-out infinite;display:flex;flex-direction:column;height:5vh;justify-content:space-between}.scroll-down img{width:50px}@keyframes scroll-animation{0%{opacity:0;transform:translateY(-20px)}50%{opacity:.3}to{opacity:0;transform:translateY(20px)}}@media (max-width:1200px){.home-section img{display:none}}@media (max-width:1000px){.home-hi,.home-left{align-items:center;width:100%}.home-section{padding:0 3em}}@media (max-width:675px){.home-hi h1{font-size:10vw}.home-hi p:first-of-type{font-size:5vw}.home-hi p:nth-of-type(2){font-size:4vw}.scroll-down img{width:7%}}@media (max-width:500px){.home-hi p:first-of-type{font-size:7vw}.home-hi p:nth-of-type(2){font-size:6vw}.home-section{padding:0 1em}}.about-content{grid-gap:3em;display:grid;grid-template-columns:1fr 300px;width:900px}.about-content>div{display:flex;flex-direction:column}.about-content a{margin-top:2em}.about-photo{background-color:var(--black);border:3px solid var(--theme-1);box-shadow:7px 7px 0 0 var(--theme-3);height:350px;width:300px}.about-photo img{height:100%;width:100%}.about-text{color:var(--gray-D);margin-bottom:1em}.about-text p{color:lighten(var(--theme-4),10);display:inline}@media (max-width:1100px){.about-content{width:100%}}@media (max-width:850px){.about-content{grid-template-columns:1fr}.about-content>div{align-items:center;text-align:center}.about-photo{height:250px;justify-self:center;width:250px}}@media (max-width:800px){.about-content>div{width:100%}}.about-skills{grid-gap:1em;display:grid;grid-template-columns:repeat(3,1fr);width:900px}.skill-card{align-items:center;background-color:var(--gray-2);display:flex;flex-direction:column;padding:1em}.skill-card img{margin:10px;width:40px}.skill-card>p{color:var(--gray-D);font-weight:700;margin:1em 0 2em}.tools-list{flex-wrap:wrap;justify-content:center}.tools-list,.tools-list li{align-items:center;display:flex}.tools-list li{background-color:var(--gray-2);flex-direction:column;margin:.5em}.tools-list li img{cursor:pointer}.tools-list li p{color:var(--gray-7);font-size:.7em;padding:.5em 0 0}.tools-list li img:hover{mix-blend-mode:hard-light}.tools-list li img[src*=express]{transform:scale(3)}@media (max-width:1100px){.about-skills{width:100%}.skill-card p{font-size:.9em}}@media (max-width:900px){.about-skills{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.skill-card:first-of-type{grid-column:1/span 2}.skill-card:nth-of-type(2){grid-column:3/span 2}.skill-card:nth-of-type(3){grid-column:2/span 2}}@media (max-width:600px){.about-skills{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.skill-card:first-of-type{grid-column:1;grid-row:1}.skill-card:nth-of-type(2){grid-column:1;grid-row:2}.skill-card:nth-of-type(3){grid-column:1;grid-row:3}}.jobs-container{align-items:center;display:flex;flex-direction:column;margin-bottom:5em;max-width:900px;position:relative;width:100%}.job-item{grid-gap:25px 20px;display:grid;grid-template-areas:"company circle position" "date empty tasks";grid-template-columns:1fr 30px 1fr;grid-template-rows:30px 1fr;width:100%}.time-line{border:none;border-left:4px dashed var(--gray-3);height:100%;left:50%;margin-left:-2px;margin-top:4em;position:absolute;top:-3em}.time-line:after{bottom:0;content:"";height:20px;left:-12px;position:absolute;width:20px}.job-circle,.time-line:after{background-color:var(--gray-2);border-radius:50%}.job-circle{grid-area:circle;height:30px;margin-top:7px;width:30px;z-index:900}.job-item:first-of-type .job-circle{align-items:center;background-color:initial;display:flex;justify-content:center;outline:2px solid var(--theme-1)}.job-item:first-of-type .job-circle>div{background-color:var(--theme-1);border-radius:50%;height:70%;width:70%}.job-company,.job-date{text-align:end}.job-company{color:var(--gray-D);font-size:20px;font-weight:700;grid-area:company;padding-top:10px;text-decoration:none}.job-date{color:var(--gray-5);font-size:16px;grid-area:date}.job-position{color:var(--theme-4);font-size:20px;font-weight:700;grid-area:position;margin-bottom:20px;padding-top:10px}.job-tasks{grid-area:tasks;list-style:circle;padding-left:1.5em}.job-tasks li{color:var(--gray-A);font-size:16px;margin-bottom:10px}@media (max-width:1020px){.jobs-container{width:700px}.time-line{left:15px}.job-item{grid-gap:5px 20px;grid-template-areas:"circle position" "empty company" "empty date" "empty tasks";grid-template-columns:50px 1fr;grid-template-rows:repeat(3,30px) 1fr}.job-company,.job-position{padding-top:0}.job-position{margin-bottom:0}.job-company,.job-date{text-align:start}}@media (max-width:800px){.jobs-container{margin-top:3em;width:100%}.time-line{left:16px}.time-line:after{height:15px;left:-9px;width:15px}.job-item{grid-template-columns:30px 1fr}.job-circle{height:30px;width:30px}}@media (max-width:530px){.jobs-container{margin-top:0}.job-circle,.job-item:first-of-type .job-circle,.time-line{display:none}.job-item{display:flex;flex-direction:column}.job-company,.job-date,.job-position{margin-bottom:5px;text-align:center}.job-tasks{margin-top:10px}}.projects-container{grid-gap:2em;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);max-width:1200px;width:100%}.project-card{background-color:var(--gray-2);display:flex;flex-direction:column}.project-card:hover{box-shadow:0 0 10px 1px var(--theme-1);outline:1px solid var(--theme-1)}.project-card-photo{background-color:var(--theme-3)}.project-card-photo img{height:100%;width:100%}.project-card-data{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.3em}.project-card-data a{text-decoration:none}.project-card-data p:first-of-type{color:var(--white);font-size:1.3em;font-weight:700}.project-card-data p:nth-of-type(2){color:var(--gray-9);margin:1em 0 0}.project-tools-and-resources{justify-content:space-between;width:100%}.project-card-tools,.project-tools-and-resources{align-items:center;display:flex;flex-wrap:wrap}.project-card-tools li{color:var(--gray-5);font-size:.9em;margin-right:1.3em;margin-top:1em}.project-card-resources{align-items:center;display:flex;justify-content:flex-end;margin-top:1em}.project-card-resources a{align-items:center;color:var(--white);display:flex;justify-content:center;opacity:.7}.project-card-resources a:hover{opacity:1}.project-card-resources a img{width:30px}.project-card-resources a:first-of-type{margin-right:.5em}.projects-container>a{align-items:center;background-color:var(--gray-2);border:3px dashed var(--gray-5);color:var(--gray-A);display:flex;flex-direction:column;justify-content:center;opacity:.7;text-decoration:none}.projects-container>a:hover{opacity:1}@media (max-width:1300px){.projects-container{grid-gap:1.5em;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media (max-width:800px){.projects-container{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}}@media (max-width:340px){.projects-container{justify-items:center}.project-card,.projects-container>a{width:260px}}.contact-section>a{margin-bottom:5em}.contact-text{color:var(--gray-D);text-align:center;width:700px}.mail{color:var(--gray-7);margin:1em 0}.all-social-links,.social-links{align-items:center;display:flex;justify-content:space-between}.all-social-links a,.social-links a{opacity:.5}.all-social-links a:hover,.social-links a:hover{opacity:1}.all-social-links img,.social-links img{width:100%}.all-social-links a{width:60px}.social-links a{width:40px}@media (max-width:800px){.contact-text{width:100%}}@media (max-width:350px){.all-social-links a{width:50px}}footer{align-items:center;display:flex;font-family:monospace;justify-content:center;opacity:.3;padding:1em 0}footer,footer a{color:var(--white)}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.cursor-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.cursor{background-color:#7040c2;border-radius:50%;height:18px;pointer-events:none;position:absolute;width:18px;z-index:1}.fade-effect{background:radial-gradient(circle,#fff3 10%,#fff0 70%);height:100%;width:100%}
/*# sourceMappingURL=main.8456a358.css.map*/