@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap);*,:after :before{box-sizing:border-box}body::-webkit-scrollbar{position:relative;width:10px}body::-webkit-scrollbar-track{background-color:#404040;border:1px solid #000;border-top-color:#e2e2e2;margin-top:82px;padding:2px 0}body::-webkit-scrollbar-thumb{background-color:#737272;border:1px solid #000;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1b1b1b;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden!important;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:brolink;src:url(/static/media/Brolink-Regular.76e33e3813ea2471bcf7.ttf)}@font-face{font-family:Inter;src:url(/static/media/Inter-Regular.e89cb19905e7db5591b0.ttf)}:root{--border-black:1px solid #000;--playfair--font-family:"Playfair Display"}.home-section-main{background-color:#fff}.home--section{align-items:center;display:grid;font-family:Playfair Display;font-family:var(--playfair--font-family);grid-template-columns:55% 45%;height:100vh;width:100%}.home-section-logos{-webkit-filter:invert(42%) hue-rotate(87deg) brightness(50%) contrast(119%);filter:invert(42%) hue-rotate(87deg) brightness(50%) contrast(119%)}.right--section-home{background-color:#fff;border-left:1px solid #1b1b1b;display:flex;flex-direction:column;font-family:Inter;font-size:1rem;font-weight:400;height:300px;justify-content:center;margin-top:60px;padding-left:140px;z-index:2}.right--section-home>h3{color:#1b1b1b;font-size:1.4rem;font-weight:lighter}.right--section-btn{padding-top:30px}.right--section-btn>a{color:#1b1b1b;font-size:.9rem;font-weight:lighter;margin-right:50px}.right--section-btn a:first-child{margin-left:10px}.left--section-home{align-items:flex-end;display:flex;flex-direction:column;padding-right:68px}.intro--home>h1{color:#1b1b1b;font-family:Playfair Display;font-family:var(--playfair--font-family);font-size:100px;margin:0;padding:0;z-index:1}.intro--home>h3{color:#1b1b1b;font-size:1.5rem;font-weight:lighter;margin:0 0 0 -19px;padding:0 0 0 -100px}.intro--home>h3:first-child{margin-bottom:-17px}.next-btn>img{width:40px}.home-intro-facebook{margin-bottom:2px;width:27px}.next-btn{background-color:initial;border:none;position:absolute;right:270px}.container{padding:0 200px}.Navbar{align-items:center;background-color:#1b1b1b;border-bottom:1px solid #e2e2e2;display:flex;font-weight:700;justify-content:flex-end;padding-top:30px;position:-webkit-sticky;position:fixed;text-align:end;top:0;width:100%;z-index:1000}.nav-logo{color:#fff;cursor:pointer;font-family:brolink;margin-left:100px;margin-right:auto;z-index:2}.Navbar>ul{align-items:flex-start;align-self:center;display:flex;font-family:Inter;font-size:1rem;font-weight:400;line-height:20px;margin-right:100px;z-index:2}.Navbar>ul>li{list-style:none}.Navbar>ul>li>a{color:#e2e2e2;cursor:pointer;margin-left:50px;text-decoration:none}.Navbar>ul>li>a:hover{border-bottom:1px solid #ff4242}.navbar-hamburger{cursor:pointer;display:none;margin-bottom:4px}.bar{background-color:#d6d6d6;height:3px;margin:8px auto;width:30px}.my-profile{background:url(/static/media/david.7cb86c63f3ec4312e335.JPG) no-repeat;background-size:cover;border-radius:50%;box-shadow:0 0 20px #2c2c2c,-20px 0 80px #000;height:270px;margin-right:31px;width:270px}.about{color:#e2e2e2;font-weight:100;height:55vh;padding-bottom:70px;padding-top:100px}.about,.about--text{font-family:Inter,sans-serif;font-size:1rem}.about--text{font-weight:400;justify-self:center}.about-grid{align-items:center;display:grid;grid-template-columns:10.5% 39.5% 50%;height:100%}.left-grid{align-items:center;border-left:1px solid #e2e2e2;display:flex;height:350px;justify-content:center;padding-left:50px}.right-grid{font-size:1.3em;font-weight:lighter;padding:0 60px 0 40px}.skills--about{display:flex;width:500px}.logo-skills{margin-right:5px;width:45px}.logo-img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);margin-left:2px;width:36px}.skills--section{align-items:center;color:#e2e2e2;display:grid;font-family:Inter,sans-serif;grid-template-columns:89.5% 10.5%;height:60vh}.left--skills>div{border:1px solid #e2e2e2;width:200px}.left--skills{display:flex;justify-self:center;z-index:1}.tools--skills{margin:140px 50px 0;transition-delay:.4s}.right-skills-text{align-items:center;background-color:#1b1b1b;border-left:1px solid #e2e2e2;display:flex;height:350px;justify-content:center;z-index:2}.box--skills{display:grid;grid-template-columns:50% 50%}.skills--name>p{font-size:.9rem;line-height:16px}.skills--name>h3{background-color:#1b1b1b;color:#fff;position:relative;width:200px}.tools--skills>.skills--name>h3{width:90px}.web--skills{align-self:flex-start;transition-delay:.6s}.tools--skills,.web--skills{min-height:200px}.game-dev-skills{align-self:flex-start;min-height:200px;transition-delay:.2s}.projects-section{background-color:#fff;-webkit-clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);font-family:Inter,sans-serif}.project--card{padding:100px 0}.project--card>h1{border-bottom:.5px solid #aaa;padding-bottom:10px;text-align:center}.project--items{align-items:center;display:flex;flex-direction:column;margin-bottom:50px}.projects--template{border:1px solid #d6d6d6;border-radius:10px;display:grid;grid-template-columns:35% 65%;height:200px;margin-bottom:10px;width:900px}.projects--image>.img{margin-top:15px}.projects--template:last-child{margin-bottom:-10px}.projects--image{height:100%;position:relative;width:100%}.button-img{position:absolute;top:50%}.button-img-right{right:0}.projects--image>div>img{border-radius:10px;height:100%;padding:0;width:100%}.projects--main{display:grid;font-size:13px;grid-template-rows:30% 50% 20%;padding:0 30px}.projects--main>*{margin:0}.projects--main>h1{align-self:flex-end}.projects--main>p{padding:20px 10px}.projects--button{padding-left:10px}.projects--button>a{border:1px solid #000;color:#1b1b1b;cursor:pointer;padding:3px 8px;text-decoration:none}.projects--button>a:hover{background-color:#1b1b1b;color:#fff}.projects--button>button{background-color:initial;margin-right:4px}.projects--seemore{display:flex;justify-content:center}.projects-btn-visit{margin-right:10px}.ps-seemore{color:#1b1b1b;cursor:pointer;text-decoration:none}.projects--seemore>p:hover{border-bottom:1px solid #ff4242}.contact-section{display:flex;font-family:Inter,sans-serif;justify-content:center;padding-bottom:70px;padding-top:120px}.contact-section>form{border:1px solid #e2e2e2;box-shadow:5px 5px 0 #e2e2e2;display:flex;flex-direction:column;justify-content:center;width:450px}.contact-section>form>input{align-self:center;border:.5px solid #e2e2e2;border-radius:60px;cursor:pointer;justify-self:center;margin:10px;padding:10px 30px}.input--section{display:flex;flex-direction:column}.input--text,.input--textarea{border:.1px solid #fff;border-radius:6px;margin:4px 40px;padding:10px}.input--textarea{padding-bottom:60px}.contact-label>h1{color:#fff;padding:0 40px}footer{color:#fff;display:flex;font-family:Inter,sans-serif;justify-content:center;padding:10px 0}.show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.hidden,.show{transition:all 1s}.hidden{-webkit-filter:blur(0);filter:blur(0);opacity:0;-webkit-transform:translateX(20%);transform:translateX(20%)}.skill-show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1s}.skill-hidden{-webkit-filter:blur(0);filter:blur(0);opacity:0;-webkit-transform:translateX(40%);transform:translateX(40%);transition:all 1s}.project-show{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1s}.project-hidden{-webkit-filter:blur(0);filter:blur(0);opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%);transition:all 1s}@media(prefers-reduced-motion){.show{transition:none}}.box--skills:first-child{transition-delay:.3s}.box--skills:nth-child(2){transition-delay:.4s}.box--skills:nth-child(3){transition-delay:.6s}@media only screen and (max-width:500px){body,html{overflow-x:hidden!important;width:100%!important}.navbar-hamburger{display:block;margin-right:36px}.Navbar{position:fixed;width:100%;z-index:2}.nav-logo{margin-left:30px}.Navbar>.navbar--links{align-items:center;background-color:#1b1b1b;flex-direction:column;height:200px;justify-content:space-between;padding-right:50px;position:fixed;right:-120px;top:60px;transition:.3s;width:100%;z-index:1}.navbar--links>li:first-child{margin-top:20px}.navbar--links>li:last-child{margin-bottom:20px}.navbar--links>li{color:#000;z-index:-1}.Navbar>.navbar-links-none{right:-1000px;z-index:1}.home--section{display:grid;grid-template-columns:none;grid-template-rows:60% 40%}.home--section>div{align-items:center;margin:0;padding:0}.intro--home>h3{font-size:.9rem}.intro--home>h1{font-size:4rem}.intro--home{padding-bottom:40px}.left--section-home{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;margin-top:400px}.home-section-logos{margin-bottom:10px}.right--section-home{display:flex;justify-content:flex-start;z-index:0}.about-grid{display:grid;grid-template-columns:none;grid-template-rows:20% 30% 50%;padding:0}.about-grid>*{margin:0;padding:0}.about{height:70vh;padding:0}.my-profile{height:140px;width:140px}.right-grid{font-size:.9rem;padding:0 40px}.left-grid{align-items:center;border:none;flex-direction:column;height:100%;margin:0;padding:0 0 0 30px}.skills--section{height:100vh}.left--skills,.skills--section{display:flex;flex-direction:column}.left--skills{order:0}.skills--name{order:1}.right-skills-text{border:none;z-index:0}.left--skills>div{margin:0}.left--skills>div:nth-child(2){margin:10px 0 10px 140px}.web--skills{margin:0;padding:0}.projects-section{padding:.5px 0}.projects--template{display:grid;grid-template-columns:none;grid-template-rows:40% 60%;min-height:300px;width:200px}.project--card>h1{font-size:1.5rem;margin-top:100px}.project--card>div:last-child{margin-bottom:100px}.projects--main>h1{font-size:.9rem}.projects--main>p{font-size:.6rem}.main-projects>div{padding:0}.skills--name>p{font-size:.7rem}.skills--name>h3{font-size:.9rem}.contact-section>form{margin:10px}.contact-section{padding:0}.input--section>textarea,.input--textarea{border:none}.contact-section>form{border:none;box-shadow:none}.contact-label>h1{font-size:1.9rem;font-weight:100}}
/*# sourceMappingURL=main.4982e80c.css.map*/