@import url(https://fonts.googleapis.com/css2?family=Fasthand&family=Jost:ital,wght@0,400;0,600;0,700;0,800;0,900;1,500&display=swap);body,html{-webkit-font-smoothing:antialiased;display:block;font-family:Jost,sans-serif;height:100%;margin:0;overflow:hidden;overscroll-behavior:auto;padding:0;width:100%}#dark,#light{transition:filter .5s ease-in-out}#dark,#dark .about-picture,#dark .cover-picture,#dark .project-image{filter:invert(1)}a{color:#000;text-decoration:none}a,button{cursor:pointer}button{background:none;border:none;font-family:Jost,sans-serif;font-size:50px;font-weight:500}img{display:inline-block;height:45px;max-height:100%;max-width:100%;object-fit:cover;vertical-align:middle;width:45px}.content{position:fixed;width:100%}hr{background-color:#000;border-radius:10% 10% 10% 10%;border-width:0;color:#000;height:.1rem}h3{font-size:25px}h3,h4{font-weight:500}h4{font-size:20px;margin-bottom:20px;margin-top:20px}.nav-wrapper{left:0;position:fixed;right:0;top:90px;width:100%;z-index:2}.nav-bar{align-items:center;display:flex;height:80px;justify-content:space-between;overflow:hidden;padding:0 100px}.nav-left,.nav-right{align-items:center;display:flex;flex-direction:row}.logo{cursor:pointer;margin-right:1.2rem}.name{font-size:30px}.theme-button{size:3rem;cursor:pointer}@media(max-width:849px){.nav-wrapper{top:80px}.name{font-size:23px}.sub-name{font-size:13px}.nav-bar{padding:0 60px}.logo-img{height:35px;width:35px}}@media(max-width:549px){.nav-wrapper{top:5px}.name{font-size:20px}.sub-name{font-size:10px}.nav-bar{padding:0 25px}}.video-background{display:block;height:100vh;position:fixed;width:100vw;z-index:-100}.video-background video{height:100%;object-fit:cover;width:100%}.photo-background{display:none;height:100vh;position:fixed;width:100vw;z-index:-100}.photo-background img{height:100%;object-fit:cover;width:100%}#background{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}@media(max-width:1000px){.photo-background{display:block}.video-background,.video-background video{display:none}}.home-page{display:block;opacity:1}.menu{height:100vh;width:100vw;z-index:1}.menu-content{display:flex;flex-direction:column;height:100%;justify-content:center}.link-wrapper{font-size:60px;padding-bottom:.4rem;padding-top:.4rem}.link-wrapper,.link-wrapper-sub{font-weight:500;text-align:center}.link-wrapper-sub{font-size:30px;padding:.4rem 12vw}.link-wrapper button{color:#000}.dxvid-wrapper{font-family:Fasthand,cursive;font-size:35px;font-weight:500;text-align:center}@media(max-width:1649px){.link-wrapper{font-size:55px;margin-bottom:.3rem;margin-top:.3rem}}@media(max-width:1499px){.link-wrapper{font-size:50px}}@media(max-width:549px){.link-wrapper,.link-wrapper button{font-size:35px}.dxvid-wrapper{font-size:25px}}.about-page{display:block;height:100%;opacity:1}.about{display:flex}.about-left{padding:19rem 0 10rem 16rem;width:45%}.about-left,.about-right{height:100vh;position:relative}.about-right{padding:19rem 8rem 10rem 1rem;width:55%}.about-picture{display:flex;justify-content:center}.page-heading{font-size:54px}.about-text{font-size:1.4rem;margin-top:16px}.about-resume{font-size:23px;margin-top:16px}#about_img{border-radius:20% 5% 20% 5%;height:370px;width:370px}#download_img{height:30px;width:30px}#link_img{height:20px;padding-bottom:2px;padding-left:3px;width:20px}@media(max-width:1649px){.about-resume{font-size:20px}.about-left{padding:16rem 0 10rem 15rem}.about-right{padding:16rem 9rem 10rem 1rem}.about-text{font-size:1.2rem}.page-heading{font-size:48px}#about_img{height:390px;width:390px}}@media(max-width:1499px){.about-left{padding:13rem 0 10rem 15rem}.about-right{padding:13rem 9rem 9rem 2rem}#about_img{height:370px;width:370px}}@media(max-width:1199px){.about-left{padding:14rem 2rem 10rem 12rem}.about-right{padding:15rem 9rem 9rem 2rem}#about_img{height:340px;width:340px}}@media(max-width:849px){.about{display:flex;flex-direction:column-reverse}#about_img{height:260px;width:260px}.about-right{height:auto;padding:12rem 0 0;width:100%}.about-left{padding:30px 45px 20px;width:-webkit-calc(100% - 90px)}.left-text-wrapper{display:flex;justify-content:center}.left-text{width:600px}.page-heading{font-size:40px}.about-text{font-size:17px}}@media(max-width:549px){#about_img{height:180px;width:180px}.about-right{padding:8rem 0 0}.left-text{width:550px}.page-heading{font-size:32px}.about-text{font-size:15px}}.projects-page{display:block;height:100%;opacity:1}.projects{display:flex}.project-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.7rem 0}.project-title-left{font-size:1.4rem}.project-title-right{font-size:.9rem}.projects-right{height:100vh;padding:13rem 2rem 10rem 9rem;position:relative;width:55%}.project-image{cursor:pointer;opacity:0;position:absolute;transition:opacity .5s ease-in-out}.project-image img{border-radius:20% 5% 20% 5%;height:400px;width:400px}.projects-left-wrapper{height:100vh;padding:11rem 0 10rem 15rem;position:relative;width:45%}.projects-left{height:45vh;-webkit-mask-image:linear-gradient(180deg,#000 70%,#0006 83%,#0000);mask-image:linear-gradient(180deg,#000 70%,#0006 83%,#0000);overflow-y:scroll;padding-bottom:5rem;scroll-behavior:smooth;scrollbar-width:none}@media(max-width:1199px){.projects{display:block;width:100%}.projects-right{display:none}.projects-left-wrapper{padding:224px 200px 0;width:-webkit-calc(100% - 400px)}}@media(max-width:849px){.projects-left-wrapper{padding:200px 170px 0;width:-webkit-calc(100% - 340px)}.page-heading{font-size:40px}.project-title-left{font-size:24px}.project-title-right{font-size:16px;width:160px}}@media(max-width:549px){.projects-left-wrapper{padding:130px 75px 0;width:-webkit-calc(100% - 150px)}.project-title-left{font-size:20px}.project-title-right{font-size:12px;width:90px}.page-heading{font-size:32px}.project-title{padding:.3rem 0}}.contact-page{display:block;height:100%;opacity:1}.social-menu{align-items:center;display:flex;justify-content:center;margin-top:32px}.social-icon{height:8rem;margin-left:1.2rem;margin-right:1.2rem;width:8rem}.contact-left{display:flex;justify-content:center;width:100%}.contact-menu{width:1000px}.contact{height:100vh;padding:250px 0 160px;position:relative;width:100%}@media(max-width:1649px){.contact{padding:230px 0 160px}}@media(max-width:1499px){.contact{padding:205px 0 160px}}@media(max-width:1199px){.contact-menu{width:800px}}@media(max-width:849px){.contact-menu{width:500px}.contact{padding:200px 0 160px}.social-icon{height:7rem;width:7rem}}@media(max-width:549px){.contact-menu{width:264px}.contact{padding:130px 0 0}.social-icon{height:6rem;width:6rem}.social-menu{flex-direction:column;margin-top:20px}.page-heading{font-size:32px}}.project-content-wrapper{display:flex;height:100vh;justify-content:center;min-width:100vw}.project-content-wrapper .cover-picture{border-radius:0 0 40px 40px;height:auto;width:100%}.project-content-wrapper .page-header{align-items:center;display:flex;justify-content:space-between;margin-top:6vh}.project-content-wrapper .page-heading{font-size:40px}.project-content-wrapper .actions{align-items:center;display:flex;gap:30px}.project-content-wrapper .page-link{font-size:20px}.project-content-wrapper hr{border:none;border-top:2px solid #000;height:0;margin:20px 0;width:100%}.project-content{display:flex;flex-direction:column;overflow-y:scroll;scroll-behavior:smooth;scrollbar-width:none;width:68%}.project-info{display:flex;flex-direction:row}.project-info .project-descriptors{display:table;padding-right:10%;width:40%}.project-info .project-descriptors tr{display:table-row;width:100%}.project-info .project-descriptors td{display:table-cell;height:5px;line-height:5px;width:50%}.project-info .project-about{padding-top:10px;width:50%}.project-info .project-about p{font-size:18px}.project-images{padding-bottom:40px;padding-top:40px}.project-images .project-slide{display:flex;flex-direction:column;justify-content:center;padding:15px 0}.project-images .cover-picture{border-radius:40px;padding-bottom:10px}@media(max-width:549px){.project-content-wrapper .project-content{padding-top:90px}.project-content-wrapper .cover-picture{border-radius:20px}.project-content-wrapper .page-heading{font-size:25px;margin-top:3vh}.project-content{width:88%}.project-info{flex-direction:column}.project-info .project-descriptors{padding-right:0;width:100%}.project-info .project-descriptors td{height:3px;line-height:3px}.project-info .project-about{width:100%}.project-info .project-about p{font-size:14px}.project-images{padding-bottom:150px;padding-top:0}.project-images h4{font-size:15px}.project-images .cover-picture{border-radius:10px;padding-bottom:5px}}