html,body,#root{margin:0;padding:0;height:100%}html{scroll-behavior:smooth}.app-wrapper>div:first-child{position:fixed!important;inset:0;width:100vw!important;height:100vh!important;z-index:-999!important;overflow:hidden;pointer-events:none}.app-wrapper>div:first-child canvas{width:100%!important;height:100%!important;display:block}.app-content{position:relative;z-index:1}.app-content{font-family:Quicksand,sans-serif;color:#f8f4f4;line-height:1.6;display:flex;justify-content:center;flex-direction:column}.nav-bar{display:flex;margin:10px;flex-direction:row;justify-content:right;max-height:25%}.nav-links{max-width:75%;max-height:75%;display:flex;height:75%;gap:30px;padding-right:12px}.nav-links a{font-size:1rem;font-weight:800;position:relative;color:bisque;text-decoration:none;padding:4px}.nav-links a:hover{font-size:15px;font-weight:500;color:#ffc782;transition:.1s}.home{display:flex;justify-content:center;flex-direction:row;align-items:center;padding:50px;width:100vw;max-width:1300px;border:12px;border-radius:12px;border-color:beige}.home-content{display:flex;justify-content:center;flex-direction:column;align-items:center}.name{align-items:center}.profile{width:300px;height:300px;border-radius:50%;border:3px solid #020202;box-shadow:-1px 2px 6px #3c3a37;object-fit:cover}.profile:hover{box-shadow:-1px 2px 6px #fff;transition:.5s}.name{font-family:"Jersey 10",sans-serif;font-weight:400;font-style:normal;font-size:2rem}.name:hover{text-shadow:-1px 3px 2px rgb(197,7,36);transition:1s}.about{align-items:center;margin-left:12px;margin-right:20px}.projects{display:flex;justify-content:center;align-items:center;width:80vw;max-width:1200px;margin-left:70px;padding-left:30px;border-radius:20px}.experience{font-family:"Jersey 10",sans-serif;font-weight:400;font-style:normal;font-size:2rem;width:100%;text-align:center;padding-top:0;margin-bottom:42px;color:bisque;text-decoration:none}.contact{display:flex;flex-direction:row;justify-content:baseline;align-items:center;background-color:#000;height:45vh;max-height:800px}.main-line{width:45%;font-size:37px;padding-left:60px;font-family:Quicksand,sans-serif;word-spacing:16px}.contact-details{display:flex;justify-content:right;flex-direction:column}.social{text-align:left;word-spacing:16px}.free{margin-left:16px;font-weight:700;font-family:42px;text-shadow:-2px 2px 1px red}.free:hover{text-shadow:none;transition:.2s}.contact-icon{margin-right:16px;font-style:normal;font-size:1.5rem;color:#646969}.contact-icon:hover{color:#86a4c2;transition:.1s}.Email{margin-top:16px;font-family:Arial,Helvetica,sans-serif;font-size:1rem;word-spacing:1.5px}.footer{background-color:#000;text-align:right;padding-right:135px;height:150px}.skills{justify-content:center;display:flex;flex-direction:column}.skill-headline{font-size:3rem;text-align:center}.card{display:inline-block;margin:25px;padding:8px 27px;text-align:center;border:#f8f4f4 solid 1.5px;border-radius:20px}.card:hover{box-shadow:-2px 1px 1px #b80312;transition:.1s;border:-5px solid rgb(237,233,226);font-weight:700}.pixel-snow-container{width:100%;height:100%;position:relative;overflow:hidden;contain:layout style paint}.pixel-snow-container canvas{display:block;width:100%;height:100%;transform:translateZ(0);will-change:transform;backface-visibility:hidden}