body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.colorText{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(125deg,#ca0a36,#081643);-webkit-background-clip:text}.container{height:-webkit-max-content;height:max-content;left:10%;position:relative;top:225px;width:-webkit-max-content;width:max-content}#about .container,#portfolio .container,#resume .container{padding-bottom:20px;top:0}.container h1{font-size:90px;margin:0;padding:0}.container h2{font-size:40px;margin:0;padding:0}#about{font-size:1.2em;height:-webkit-max-content;height:max-content;min-height:1080px;padding-top:50px;width:100%}#portfolio{background-image:url(../../static/media/banner-bg.724a136c36a242da422c.png);background-repeat:no-repeat}#portfolio,#resume{background-color:#fff;font-size:1.2em;height:-webkit-max-content;height:max-content;min-height:950px;padding-top:50px;width:100%}.iconArea{align-content:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;width:100%}.img-ico_size{height:50px;object-fit:contain;width:50px}.text_upper{font-feature-settings:"smcp","c2sc";align-items:center;background-color:#ffffff37;border-radius:15px;box-shadow:0 0 15px #00000030;display:flex;font-variant-caps:all-small-caps;gap:5px;height:70px;justify-content:flex-start;padding:0 10px;width:160px}.homeContainer{height:calc(100vh - 21px);margin:0;padding:0;top:-70px}.portfolioContent{position:relative}body{align-items:center;display:flex;flex-direction:column;margin:0 auto;padding:0}.btn{background:none;border:2px solid #ca0a36;border-radius:10px;box-shadow:0 0 20px #00000027;color:#101010;font-size:25px;height:65px;margin-top:15px;min-width:300px;padding:7px;transition:.2s;width:-webkit-max-content;width:max-content}.videoCollection{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:15px}.btn:hover{background:#081643;border:none;color:#fff;cursor:pointer;transform:scale(1.1)}.df_c{align-items:center;display:flex;justify-content:center}.shortText{font-size:20px;min-width:100%;width:-webkit-min-content;width:min-content}.subCon{width:80%}.textColor{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-image:-webkit-linear-gradient(125deg,#ca0a36,#081643);width:-webkit-max-content;width:max-content}::-webkit-scrollbar{background-color:#f5f5f5;width:8px}::-webkit-scrollbar-thumb{background-color:#555;background:-webkit-linear-gradient(125deg,var(--hover-color,#081643) 40%,var(--border-color,#081643) 100%)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}::-webkit-scrollbar-track{background-color:#f5f5f5}.movetoTop{-webkit-text-fill-color:unset;align-items:center;background-color:#fff;background:#fff;-webkit-background-clip:unset;border-radius:50%;bottom:15px;box-shadow:0 0 10px #00000075;color:#081643;color:var(--border-color,#081643);display:flex;font-size:20px;height:50px;justify-content:center;line-height:45px;position:fixed;right:15px;width:50px;z-index:9999999}.movetoTop:hover{background-color:#081643;background-color:var(--hover-color,#081643);color:#fff;cursor:pointer}.mac{position:relative;width:100%}.mac .macmodel{align-items:center;display:flex;flex-direction:row;height:600px}.technique{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0}.technique li{align-items:center;background-color:hsla(0,0%,96%,.176);border-radius:15px;box-shadow:0 0 10px #00000030;padding:10px;width:-webkit-max-content;width:max-content}.technique li,footer{display:flex;justify-content:center}footer{background-color:#fff;background-position:50%;background-repeat:no-repeat;overflow:hidden;position:relative;width:100%}.site-footer__upper{padding-bottom:120px;width:90%}.footer-widget__contact{color:#74727a;font-size:20px;font-weight:400;line-height:30px;margin:0;text-align:center}.footer-widget__logo{margin-bottom:40px}.footer-widget__contact a:hover{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(var(--hover-color,#ca0a36) 50%,var(--border-color,#081643) 100%);-webkit-background-clip:text}a{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(#2c2c2b 50%,#31322f);-webkit-background-clip:text}.social-media-icons{display:flex;font-size:50px;gap:10px;justify-content:center;list-style:none;margin:40px 0;padding:0}.social-media-icons li{margin:0 10px}.social-media-icons a{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(125deg,var(--hover-color,#ca0a36) 40%,var(--border-color,#081643) 100%);-webkit-background-clip:text;color:#555;font-size:50px;transition:all .3s ease}.social-media-icons a:hover{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(40deg,var(--hover-color,#ca0a36) 0,var(--border-color,#081643) 100%);-webkit-background-clip:text}.allCaps{text-transform:uppercase}.skillTitle{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-image:-webkit-linear-gradient(125deg,var(--hover-color,#ca0a36) 40%,var(--border-color,#081643) 100%);font-size:1.3em;font-weight:700;margin:10px 0;width:100%}@media (max-width:1224px){.videoArea{width:100%}.youtube-iframe iframe{height:180px;width:320px}.mac .macmodel{align-items:center;flex-direction:column}.container{top:150px}.homeContainer{margin-bottom:0}}@media (max-width:786px){.videoArea{width:-webkit-max-content;width:max-content}.youtube-iframe iframe{height:180px;width:320px}.mac{display:flex;justify-content:center}.container{top:100px}.homeContainer{height:100%;margin-bottom:60px}}@media (max-width:480px){.videoArea{width:-webkit-max-content;width:max-content}.youtube-iframe iframe{height:180px;width:320px}.container{top:90px}.homeContainer{height:100%;margin-bottom:60px}}#canvas-container{align-items:center;cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMwLjUgMTZjMCA4LjAwOC02LjQ5MiAxNC41LTE0LjUgMTQuNVMxLjUgMjQuMDA4IDEuNSAxNiA3Ljk5MiAxLjUgMTYgMS41IDMwLjUgNy45OTIgMzAuNSAxNloiIHN0cm9rZT0iIzAwMCIvPjxwYXRoIGQ9Ik02IDlhMyAzIDAgMSAwIDAtNiAzIDMgMCAwIDAgMCA2WiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==),auto;display:flex;height:calc(100% + 120px);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.myProfile{left:50%;position:absolute;top:0;transform:translate(-50%,-62%);width:256px;z-index:0}.onTop{position:relative;z-index:10}.homeContainer{background-color:#fff;background-image:url(../../static/media/banner-bg.724a136c36a242da422c.png);position:relative}@media (max-width:1225px){.myProfile{transform:translate(-25%,-47%);width:181px}}@media (max-width:786px){.myProfile{transform:translate(-50%,-62%);width:256px}}@media (max-width:480px){.myProfile{border-radius:50%;transform:translate(100%,-20%);width:78px}}.header{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffffe7;box-shadow:0 6px 13px 0 #0000000f;height:70px;margin:0 auto;position:relative;transition:all .3s ease-in-out;z-index:999}.header.scrolled{animation:slideDown .3s ease-in-out forwards;background-color:#ffffffbf;position:fixed;top:0;width:100%}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.headerNav{align-items:center;background-color:#fff0;color:#333;display:flex;height:100%;justify-content:space-between;margin:0 auto;width:75%}.hamburger{align-items:center;cursor:pointer;display:none;flex-direction:column;justify-content:center}.hamburger .bar{margin:3px 0;transition:all .3s;width:25px}.hamburger .bar.open{transform:rotate(45deg) translate(5px,5px)}.hamburger .bar.open+.bar{opacity:0}.hamburger .bar.open+.bar+.bar{transform:rotate(-45deg) translate(5px,-5px)}.menulist{align-items:center;display:flex;flex-direction:row;gap:10px;list-style:none;-webkit-user-select:none;user-select:none}.menulist.open{background-color:#fff;box-shadow:0 6px 13px 0 #0000001a;display:flex;flex-direction:column;left:0;padding:10px 0;position:absolute;top:70px;width:100%}.profile{-webkit-text-fill-color:#0000;align-content:center;align-items:center;background:-webkit-linear-gradient(125deg,#ca0a36,#081643);-webkit-background-clip:text;display:flex;gap:10px}.headerNav img{background-color:#e1e1e1;border-radius:50%;height:50px;object-fit:contain;width:50px}.headerNav ul li{align-items:center;border-bottom:none;color:#fff;display:flex;font-size:16px;font-weight:700;height:70px;justify-content:center;padding:0 5px;transition:.1s;width:100px}.headerNav ul li:hover{background-color:#f2f2f2;background-color:var(--background-color,#f2f2f2);border-bottom:2px solid #081643;border-bottom:2px solid var(--border-color,#081643);color:#081643;color:var(--hover-color,#081643);cursor:pointer}.headerNav ul li a{color:#373935}.headerNav ul li:hover a{color:#081643}@media (max-width:768px){.headerNav{width:90%}.hamburger{display:flex}.menulist{display:none;flex-direction:column;width:100%}.menulist.open{display:flex;padding:0 10px;top:55px}.headerNav ul li{height:auto;justify-content:flex-start;padding:10px 20px;width:100%}#canvas-container{display:none}}@media (max-width:480px){body{align-items:normal}#root{width:100%}.ContentContainer,.homeContainer,header{padding:0 10px}#canvas-container{display:none}.subCon{width:100%}#about,#portfolio,#resume{font-size:1em;width:calc(100% - 20px)}.iconArea{justify-content:space-evenly}.technique{justify-content:flex-start}.headerNav{width:100%}.header.scrolled{width:95%}.menulist{gap:0}.profile h3{font-size:1rem}.headerNav ul li{font-size:14px}.container h1{font-size:40px}.container h2{font-size:20px}.shortText{font-size:1em}.text_upper{width:135px}.container{left:auto;width:100%}}.macmodel .yo_card{box-shadow:272px 230px 20px #00000029;transform:rotate(35deg) skew(-16deg,-10deg) scale(.7)}.macmodel .yo_card,.yo_card{background-color:#fff;border-radius:10px;padding:10px;position:relative;transition:.2s}.yo_card{box-shadow:0 0 20px #00000029}.macmodel .yo_card:hover{box-shadow:0 0 20px #0000004f;cursor:pointer;transform:rotate(0deg) skew(0deg,0deg) scale(1);z-index:99}