html{scroll-behavior:smooth;scroll-padding-top:150px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Roboto;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,Roboto,monospace}.nav{background-color:#101010;color:#fff;height:3em;position:fixed;width:100%;z-index:500}.navigation-bar{align-items:center;display:flex;height:100%;justify-content:center}.dropdown-menu{background-color:#000;flex-direction:column;position:absolute;right:0;top:100%;width:100%}.dropdown-menu,.webnav-menu{align-items:center;display:flex;list-style-type:none}.webnav-menu{flex-direction:row;justify-content:center}.dropdown-menu>li>.navbut,.webnav-menu>li:nth-child(4)>.navbut{border-right:none}.container{margin:0 auto;overflow:auto;padding:0 10px}.nav-holder{flex-direction:row;gap:15px;padding-inline-start:0}.flex,.nav-holder{align-items:center;display:flex}.flex{height:100%;justify-content:flex-end}.sandwich{background:none;border:none;display:flex;font-size:36px}.navbut,.sandwich{color:#fff;cursor:pointer}.navbut{background-color:initial;border-style:solid;border-bottom:#fff;border-left:#fff;border-color:#fff currentcolor currentcolor;border-top:#fff;font-size:20px;gap:20px;padding:0 25px;width:100%}.navbut:hover{background-color:#fff;color:#000}li{width:100%}.cover-1{right:0}.cover-1,.cover-2{background-color:#000;height:10%;opacity:1;position:absolute;width:100%}.cover-2{left:0}.master-container{height:100vh}.home-container,.master-container{display:flex;justify-content:center;width:100%}.home-container{align-content:center;align-items:center}.name-occupation-container{height:7em;overflow:hidden;position:relative;width:40%}.name-container{text-wrap:nowrap;background-color:#000;font-family:roboto;font-size:64px;margin:0;overflow:hidden;position:absolute;top:-90px;width:100%;z-index:2}.occupation-container{bottom:0;font-size:32px;font-weight:300;margin:0;opacity:0;position:absolute;width:100%;z-index:1}.illustration-container{display:flex;gap:25px;height:50%}.personIcon{width:300px}.window-container{border-style:groove;display:grid;grid-template-rows:repeat(2,1fr);height:175px;overflow:hidden;width:350px}.clouds-container{position:relative}.cloud-1{left:-125px;object-fit:cover;position:absolute;width:125px}.cloud-2{left:-150px;top:50px}.cloud-2,.cloud-3{object-fit:cover;position:absolute;width:35px}.cloud-3{left:-50px}@media only screen and (max-width:1180px){.home-container{flex-direction:column-reverse;justify-content:space-evenly}.name-occupation-container{align-items:center;display:flex;justify-content:center;width:100%}.name-container,.occupation-container{width:500px}.about-header{text-align:center}}@media only screen and (max-width:800px){.name-container,.occupation-container{position:relative;width:auto}.name-occupation-container{flex-direction:column}.illustration-container{align-items:center;flex-direction:column-reverse}.personIcon{width:150px}.window-container{height:130px;width:250px}.name-container{font-size:32px}.occupation-container{font-size:18px}}@media only screen and (max-width:800px) and (orientation:landscape){.personIcon{width:6rem}.window-container{height:5rem;width:10rem}.illustration-container{align-items:normal;flex-direction:row;margin-top:4rem}.home-container{gap:2rem;justify-content:normal}}@media only screen and (max-width:1170px) and (orientation:landscape){.home-container{justify-content:normal}.name-container,.occupation-container{position:relative;width:auto}.name-occupation-container{flex-direction:column}.window-container{height:130px;width:250px}.name-container{font-size:32px}.occupation-container{font-size:18px}}.description-container{font-size:24px;max-width:36rem;opacity:0;overflow-wrap:break-word;white-space:pre-wrap;width:100%}.picture-container{border-style:groove;height:18rem;width:32rem}.my-picture{height:100%;width:100%}.about-container{align-content:center;align-items:center;display:flex;flex-direction:row-reverse;height:50%;justify-content:space-evenly;width:100%}.about-header-wrap{background-color:#000;overflow:hidden}.main-container{width:100%}.about-header{font-size:48px;left:-300px;margin:0 auto;opacity:0;position:relative}.circle{background-color:#fff;border-radius:50%;height:15px;width:15px}.skills-breaker-line{align-items:center;display:flex;gap:25px;justify-content:center;margin:auto 25px;overflow:hidden}.skills-header{font-family:roboto;font-size:48px;margin:0}.dividing-line-1{border-bottom:solid;width:90%}.dividing-line-2{border-bottom:solid;width:10%}.skills-container{height:50%;width:100%}.skills-list-container{align-items:start;display:grid;grid-template-columns:repeat(4,1fr);height:100%;justify-content:center;justify-items:center;padding-top:2%}.wrap-container{align-items:flex-start;background-color:#000;display:flex;height:60%;justify-content:center;overflow:hidden;position:relative;width:55%}.skill-holder{background-color:#fff;border-radius:10%;cursor:pointer;height:90px;position:relative;top:-110px;width:90px}.skill{align-items:center;border-radius:10%;color:#000;display:flex;height:100%;justify-content:center;width:100%;z-index:9999}.skills-list-container>.wrap-container:first-child>.skill-holder{background-color:#2b2a2a}.skills-list-container>.wrap-container:nth-child(2)>.skill-holder{background:linear-gradient(90deg,#264de4 0,#264de4 50%,#2965f1 0,#2965f1)}.skill-holder:hover{scale:1.05;transition:all .2s}.skills-list-container>.wrap-container:nth-child(5)>.skill-holder{background:linear-gradient(to right top,#023358,#023358 50%,#044f88 0,#044f88)}.skills-list-container>.wrap-container:nth-child(7)>.skill-holder{background-color:#5e97d0}.skills-list-container>.wrap-container:nth-child(8)>.skill-holder{background-color:#ed2224}.skill-name{align-items:center;color:#fff;display:flex;justify-content:center;margin:10px}@media only screen and (max-width:1170px){.picture-container{height:8rem;width:20rem}}@media only screen and (max-width:1000px){.about-container{display:flex;flex-direction:column;gap:25px;margin-top:2rem}.skills-breaker-line{margin-top:50px}.skill{font-size:.5rem}.skill-holder{height:4rem;width:5rem}}@media only screen and (max-width:800px){.about-header{font-size:32px}.about-holder-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.description-container{font-size:18px;width:16rem}.picture-container{height:8rem;width:16rem}.skills-header{font-size:32px}.circle{height:10px;width:40px}.skill-holder{height:50px;width:100px}.skill{font-size:8px}}@media only screen and (max-width:400px){.picture-container{display:none}.skills-breaker-line{margin-top:auto}}@media only screen and (max-width:800px) and (orientation:landscape){.about-container{flex-direction:row;gap:10px;height:auto;margin-top:3rem}.description-container{font-size:16px}.skills-list-container{grid-template-columns:repeat(8,1fr);height:auto;padding-top:0}.wrap-container{height:5rem}.picture-container{margin:10px}.skills-breaker-line{margin-bottom:1.5rem;margin-top:0}}@media only screen and (max-width:1170px) and (orientation:landscape){.about-container{flex-direction:row;margin-top:1.5rem}.about-header{font-size:36px}.about-holder-container{margin:1rem}.illustration-container-logo{margin:auto 1rem}.description-container{font-size:16px;margin:.5rem auto;opacity:1;width:100%}.skills-list-container{align-items:start;grid-template-columns:repeat(8,1fr)}.skills-breaker-line{margin:auto 25px}.wrap-container{align-items:flex-start}.skills-header{font-size:36px}}.project{background-color:#000;cursor:pointer;height:100%;position:relative;width:100%}.project,.skills-breaker-line-reverse{align-items:center;display:flex;justify-content:center;overflow:hidden}.skills-breaker-line-reverse{flex-direction:row-reverse;gap:25px;margin:50px 25px auto}@keyframes anim{0%{opacity:0}25%{opacity:0;width:100%}to{align-items:center;justify-content:center;opacity:1;text-align:center;width:100%}}@keyframes anim-1{0%{opacity:1}25%{opacity:.125}to{opacity:0}}.portfolio-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);margin-top:25px;max-height:100%}.portfolio-container>.project:first-child{grid-column:1/span 2}.project:first-child>.content-container{bottom:0;left:0}.project:first-child>.project-title-1{bottom:0;left:0;margin:0 auto;position:absolute}.project:nth-child(2)>.project-title-1{left:0;margin:0 auto;position:absolute;top:0}.project:nth-child(3)>.project-title-1{left:0;margin:0 auto;position:absolute;rotate:z 90deg;top:50px;translate:-150px 110px}.project:nth-child(4)>.project-title-1{bottom:0;margin:0 auto;position:absolute;right:0;rotate:z 90deg;translate:-275px -140px}.project:nth-child(5)>.project-title-1{margin:0 auto;position:absolute;right:0;top:0}.project:nth-child(6)>.project-title-1{bottom:0;margin:0 auto;position:absolute;right:0}.project>.content-container>.content,.project>.content-container>.content+a{display:none}.repository-link{background-color:grey;border:none;border-radius:10px;cursor:pointer;opacity:.75}.repository-link:hover{opacity:.9}.more-info{color:#fff;font-size:16px;font-weight:600;margin:10px 25px}.project:hover>.content-container{animation:anim 1s;height:100%;transition:opacity 1s ease-in-out;width:100%}.project:hover>.content-container>.content{display:block;font-size:24px;transition:all 1s ease-in-out}.project:hover>.content-container>.content+a{display:block}.project:hover>.content-container>.project-title{display:block;font-size:42px}.project-title-1{opacity:0}.project:hover>.project-title-1{animation:anim-1 1s;display:block;font-size:56px;opacity:0}.project:hover>.image-holder{opacity:.5}.portfolio-container>.project:nth-child(3){grid-row:span 2}.project:nth-child(3)>.image-holder{height:100%;max-height:100%}.project:nth-child(3)>.content-container{left:0;rotate:z 90deg;top:50px;translate:-150px 110px}.project:nth-child(3):hover>.content-container{left:auto;rotate:none;top:auto;translate:none}.project:nth-child(3)>.content-container>.project-title{white-space:nowrap}.project:nth-child(2)>.content-container{left:0;top:0}.project:nth-child(4)>.content-container{bottom:0;right:0;rotate:z 90deg;translate:-275px -140px}.project:nth-child(4):hover>.content-container{left:auto;rotate:none;top:auto;translate:none}.project:nth-child(5)>.content-container{right:0;top:0}.project:nth-child(6)>.content-container{bottom:0;right:0}.project:nth-child(6)>.image-holder{object-position:0 10%}.image-holder{height:100%;max-height:390px;object-fit:cover;opacity:.75;width:100%}.content-container{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;text-align:center}.project-title{font-size:56px;margin:0 auto}.content{font-size:36px;margin-top:0}@media only screen and (max-width:1170px){.portfolio-container{grid-template-columns:repeat(2,1fr)}.image-holder{height:15rem}.project:nth-child(3)>.content-container>.project-title{white-space:nowrap}.project:nth-child(3)>.image-holder{height:30rem}.skills-breaker-line-reverse{gap:15px}}@media only screen and (max-width:850px){.portfolio-container{grid-template-columns:repeat(2,1fr)}.image-holder{height:100%;max-height:200px}.project-title,.project-title-1{font-size:32px}.project:hover>.project-title-1{font-size:36px}.project:nth-child(3)>.content-container,.project:nth-child(3)>.project-title-1{translate:-90px 40px;white-space:nowrap}.project:nth-child(3)>.image-holder{height:100%;max-height:400px}.project:nth-child(4)>.content-container,.project:nth-child(4)>.project-title-1{rotate:z 90deg;translate:-95px -80px}.project:hover>.content-container>.project-title{font-size:32px}.project-title-1{opacity:0}.project:hover>.project-title-1{font-size:32px}.project:hover>.content-container>.content{font-size:18px;white-space:pre-wrap}.more-info{margin:10px 20px}}@media only screen and (max-width:450px){.project-title,.project-title-1,.project:hover>.content-container>.project-title,.project:hover>.project-title-1{font-size:24px}.image-holder{max-height:12.5rem}.project:hover>.content-container>.content{display:none}.project:nth-child(3)>.content-container,.project:nth-child(3)>.project-title-1{translate:-70px 20px}.project:nth-child(3):hover>.content-container{height:50%}.project:nth-child(4)>.content-container,.project:nth-child(4)>.project-title-1{rotate:none;translate:none}.image-holder{height:8.5rem}}@media only screen and (max-width:800px) and (orientation:landscape){.image-holder{max-height:8rem}.portfolio-container{grid-template-columns:repeat(4,1fr)}.project-title,.project:hover>.content-container>.project-title,.project:hover>.project-title-1{font-size:24px}.project:nth-child(3)>.content-container,.project:nth-child(3)>.project-title-1{translate:-70px 20px}.project:nth-child(4)>.content-container,.project:nth-child(4)>.project-title-1{rotate:none;translate:none}.project:hover>.content-container>.content{display:none}.skills-breaker-line-reverse{margin-top:3rem}}@media only screen and (max-width:1170px) and (orientation:landscape){.image-holder{max-height:8rem}.portfolio-container{grid-template-columns:repeat(4,1fr)}.project-title,.project:hover>.content-container>.project-title,.project:hover>.project-title-1{font-size:24px}.project:nth-child(3)>.content-container,.project:nth-child(3)>.project-title-1{translate:-70px 20px}.project:nth-child(4)>.content-container,.project:nth-child(4)>.project-title-1{rotate:none;translate:none}.project:hover>.content-container>.content{display:none}.skills-breaker-line-reverse{margin-top:3rem}.project:nth-child(3)>.image-holder{height:16rem}}.social-media-container{margin:1em 0}.contact-main-container,.social-media-container{align-content:center;align-items:center;display:flex;justify-content:space-evenly}.contact-main-container{width:100%}.contact-form{display:flex;flex-direction:column;gap:15px;width:100%}.contact-description{font-size:24px;overflow-wrap:break-word;white-space:pre-wrap;width:600px}.contact-header{align-content:center;font-size:48px;margin:auto;position:relative;text-align:center}.email-field,.name-field{width:475px}.email-field,.message-field,.name-field{background-color:initial;border-color:#fff;border-radius:5px;border-width:1px;color:#fff;font-family:roboto;font-size:18px;padding:10px}.message-field{height:100px;resize:none;width:477px}.send-button-container{display:flex;justify-content:flex-end}.send-button{background-color:grey;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;opacity:.8;padding:5px 45px}.send-button:hover{opacity:.9}.icons-container:hover{scale:1.1;transition:all .2s}@media only screen and (max-width:1170px){.contact-container{display:flex;flex-direction:column;gap:25px}.contact-main-container{flex-direction:column;gap:3%;justify-content:center}.contact-description{width:24rem}}@media only screen and (max-width:850px){.contact-main-container{flex-direction:column;justify-content:center}.contact-form{align-items:center;justify-content:center}.contact-container{gap:0}.contact-header{font-size:32px}.contact-description,.email-field,.message-field,.name-field{font-size:18px;width:15rem}.icons-container{font-size:12px}}@media only screen and (max-width:800px) and (orientation:landscape){.contact-main-container{flex-direction:row;gap:1%}.contact-form{gap:10px}}@media only screen and (max-width:1170px) and (orientation:landscape){.contact-main-container{flex-direction:row;gap:1%}.contact-form{gap:10px}.contact-container{gap:0}}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(/static/media/roboto-latin-100.c2aa4ab115bf9c6057cb.woff2) format("woff2"),url(/static/media/roboto-latin-100.a45108d3b34af91f9113.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/static/media/roboto-latin-100italic.7f839a8652da29745ce4.woff2) format("woff2"),url(/static/media/roboto-latin-100italic.451d4e559d6f57cdf6a1.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(/static/media/roboto-latin-300.37a7069dc30fc663c878.woff2) format("woff2"),url(/static/media/roboto-latin-300.865f928cbabcc9f8f2b5.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/static/media/roboto-latin-300italic.c64e7e354c88e613c77c.woff2) format("woff2"),url(/static/media/roboto-latin-300italic.bd5b7a13f2c52b531a2a.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(/static/media/roboto-latin-400.176f8f5bd5f02b3abfcf.woff2) format("woff2"),url(/static/media/roboto-latin-400.49ae34d4cc6b98c00c69.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/static/media/roboto-latin-400italic.d022bc70dc1bf7b3425d.woff2) format("woff2"),url(/static/media/roboto-latin-400italic.b1d9d9904bfca8802a63.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(/static/media/roboto-latin-500.f5b74d7ffcdf85b9dd60.woff2) format("woff2"),url(/static/media/roboto-latin-500.cea99d3e3e13a3a599a0.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/static/media/roboto-latin-500italic.0d8bb5b3ee5f5dac9e44.woff2) format("woff2"),url(/static/media/roboto-latin-500italic.18d00f739ff1e1c52db1.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(/static/media/roboto-latin-700.c18ee39fb002ad58b6dc.woff2) format("woff2"),url(/static/media/roboto-latin-700.2267169ee7270a22a963.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/static/media/roboto-latin-700italic.7d8125ff7f707231fd89.woff2) format("woff2"),url(/static/media/roboto-latin-700italic.9360531f9bb817f917f0.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(/static/media/roboto-latin-900.870c8c1486f76054301a.woff2) format("woff2"),url(/static/media/roboto-latin-900.bac8362e7a6ea60b6983.woff) format("woff")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/static/media/roboto-latin-900italic.cb5ad999740e9d8a8bd1.woff2) format("woff2"),url(/static/media/roboto-latin-900italic.c20d916c1a1b094c1cec.woff) format("woff")}
/*# sourceMappingURL=main.dcbc48e0.css.map*/