@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);section.hero{margin-top:3rem}section.hero .parent-avatar.flex{align-items:end;gap:.6rem;min-height:88px}section.hero .left-section{flex-grow:1}section.hero .icon-verified{color:var(--blue);font-size:1.1rem;margin-bottom:.3rem}section.hero .avatar{border:1px solid #ff8c00;border-radius:50%;box-shadow:inset 2px 2px 40px hsla(0,3%,79%,.586);padding:1px;width:88px}section.hero h1.title{color:var(--title);font-size:2.5rem;line-height:3.3rem;margin:24px 0}.flex-span{align-items:center;display:flex;gap:15px}@media (max-width:699px){.flex-span{justify-content:center}}.ninja{border-radius:50%;height:50px;width:50px}section.hero .sub-title{color:var(--subtitle);font-size:.9rem;line-height:1.65rem;margin-bottom:12px}section.hero .all-icons{background-color:#272727;border-radius:20px;color:var(--subtitle);font-size:1.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(max-width:699px){section.hero .all-icons{margin-inline:auto}}section.hero .all-icons .icon{color:var(--icon-hover);cursor:pointer;opacity:.2;padding:10px;transition:.3s}section.hero .all-icons .icon:hover{margin-inline:5px;opacity:1;scale:1.2}section.hero .all-icons .icon:hover+*{opacity:.6;scale:.9}section.hero .all-icons .icon:hover+*+*{opacity:.4;scale:.8}section.hero .all-icons .icon:has(+:hover){opacity:.6;scale:.9}section.hero .all-icons .icon:has(+*+:hover){opacity:.4;scale:.8}section.hero .animation{translate:100px 55px;width:100%}@media (max-width:1200px){section.hero .animation{display:none}}.smiling-img{border-radius:50%;height:30px;width:30px}.stealth{align-items:center;display:flex;gap:10px}@media (max-width:699px){.stealth{justify-content:center}}main.flex{align-items:center;flex-direction:column;gap:2.64rem;justify-content:center}main section.left-section.flex{flex-wrap:wrap;gap:10px;justify-content:center}main section.left-section.flex button{background-color:#24252e;border-radius:5px;font-size:1.05rem;opacity:.5;padding:.75rem 0;text-align:center;text-transform:capitalize;transition:.3s;width:11rem}main section.left-section.flex button:hover{opacity:1}main section.left-section.flex button.active{border:1px solid var(--blue);font-weight:700;letter-spacing:.6px;opacity:1;padding:.8rem 0}.light main section.left-section.flex button.active{border:1px solid #000}main section.right-section.flex{-webkit-column-gap:16px;column-gap:16px;flex-grow:1;flex-wrap:wrap;justify-content:center;row-gap:2rem}.card{background-image:linear-gradient(hsla(0,0%,100%,.05),hsla(0,0%,100%,.05));border:1px solid rgba(93,188,252,.3);border-radius:5px;box-shadow:-1px 1px 1px rgba(0,0,0,.16),1px 1px 1px rgba(0,0,0,.15);transition:.3s}.card:hover{border:1px solid var(--blue);rotate:1deg;scale:1.01}.card img.proj{border-radius:5px;cursor:pointer}.card .box{padding:1rem .4rem}.card .box .title{color:var(--title);text-transform:capitalize}.card .box .sub-title{color:var(--subtitle);font-size:.8rem;margin-bottom:.5rem;margin-top:.7rem}.flexsub{align-items:center;display:flex;gap:10px;justify-content:flex-start}.stackimg{border-radius:33%;height:15px;width:15px}.card .box .icons{justify-content:center}.card .box .nested-icons{gap:20px}.card .icon-external-link,.card .icon-github{color:var(--subtitle);cursor:pointer;font-size:1.5rem;transition:.3s}.card .icon-external-link:hover,.card .icon-github:hover{color:var(--icon-hover)}.card a.link{color:var(--blue);font-size:.9rem;margin-right:12px}@media (max-width:938px){main.flex{align-items:center;flex-direction:column;gap:2.64rem}main section.left-section.flex{flex-wrap:wrap;gap:10px;justify-content:center}main section.left-section.flex button{font-size:.9rem;padding:.8rem 0;width:7rem}}section.contact-me .icon-email{color:var(--subtitle);font-size:1.8rem}section.contact-me .title{color:var(--title);font-size:2.1rem;margin-bottom:1rem}section.contact-me .sub-title{color:var(--subtitle);line-height:1.65rem;margin-bottom:2rem}section.contact-me label{color:var(--subtitle)}section.contact-me #email,section.contact-me #message{all:unset;background-color:rgba(63,63,70,.15);border:1px solid #3f3f46;border-radius:5px;font-size:1.1rem;margin-left:1rem;padding:.5rem 1rem;transition:.3s;width:16rem}.light section.contact-me #email,.light section.contact-me #message{background-color:hsla(0,0%,100%,.162);border:1px solid hsla(0,0%,50%,.451);box-shadow:1px 1px 1px rgba(73,73,75,.105);color:#232324}section.contact-me #email:focus,section.contact-me #email:hover,section.contact-me #message:focus,section.contact-me #message:hover{border:1px solid #2dd4bf}.light section.contact-me #email:focus,.light section.contact-me #email:hover,.light section.contact-me #message:focus,.light section.contact-me #message:hover{border:1px solid #4e5050}section.contact-me #message{min-height:9rem;resize:vertical}section.contact-me .submit{background-color:var(--secondary);border:1px solid gray;border-radius:5px;color:var(--title);font-size:1.05rem;margin-top:1.8rem;padding:.75rem 2rem;text-align:center;text-transform:capitalize;transition:.3s}section.contact-me .submit:hover{scale:.97}.confirm{color:var(--title);text-align:left}@media (max-width:600px){section.contact-me .animation{display:none}section.contact-me form{display:flex;flex-direction:column;width:85%}section.contact-me form div.flex{align-items:start;flex-direction:column}section.contact-me #email,section.contact-me #message{margin-left:0;margin-top:1rem;padding:.7rem 0;width:100%}section.contact-me .submit{align-self:center;width:30%}}@media(max-width:900px){.mail-animation{display:none}.contact-me{text-align:center}.mail,.msg{padding:.5rem 1rem!important;text-align:left!important;width:95%!important}}.form-element{align-items:flex-start!important;flex-direction:column;gap:10px}.mail,.msg{margin:0!important}textarea{overflow-wrap:break-word}@media (max-width:900px){.number{justify-content:center!important}}.row1 img,.row2 img{-webkit-animation:move 3s ease-in-out infinite;animation:move 3s ease-in-out infinite;position:relative}.row1 img:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.row1 img:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.row1 img:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}.row2 img:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.row2 img:nth-child(3){-webkit-animation-delay:1s;animation-delay:1s}.row2 img:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}.row2 img:nth-child(5){-webkit-animation-delay:2s;animation-delay:2s}@media(max-width:574px){.row1 img,.row2 img{-webkit-animation-delay:0s!important;animation-delay:0s!important}}@-webkit-keyframes move{0%{bottom:0}33%{bottom:30px}66%{bottom:0}to{bottom:0}}@keyframes move{0%{bottom:0}33%{bottom:30px}66%{bottom:0}to{bottom:0}}@media(max-width:349px){.lottie-cry{width:200px!important}}header.flex{gap:20px;justify-content:center;margin-top:1.2rem;padding:0}header.flex nav{background-color:var(--bgHeader);border-radius:55px;box-shadow:1px 1px 40px #2323242a;padding:.77rem 1.6rem}header ul.flex{gap:16px}header ul li{color:var(--title);cursor:pointer;font-size:.88rem;font-weight:500;transition:.3s}header ul li:hover{color:var(--blue)}header button{font-size:1.2rem}header button.menu{display:none}header .icon-menu,header button.mode{background-color:var(--bgHeader);border:1px solid rgba(244,165,96,.249);border-radius:50%;box-shadow:1px 1px 40px rgba(35,35,36,.165);color:var(--subtitle);height:2.4rem;justify-content:center;text-align:center;transition:.2s;width:2.4rem}header .icon-sun{color:orange}header .icon-menu:hover,header button.mode:hover{border:1px solid #f4a560;color:var(--title)}header .icon-clear{color:var(--subtitle);font-size:1.5rem;transition:.3s}header .cross{margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}header .icon-clear:hover{color:crimson;rotate:180deg}header .fixed{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(40,40,48,.91);inset:0;position:fixed;z-index:11}@-webkit-keyframes mymove{0%{scale:0}60%{scale:1.2}to{scale:1}}@keyframes mymove{0%{scale:0}60%{scale:1.2}to{scale:1}}header .fixed ul.modal{-webkit-animation:mymove .77s 1;animation:mymove .77s 1;background-color:var(--secondary);border-radius:1rem;margin-inline:auto;margin-top:2rem;padding:1rem 2rem;width:75%}header .fixed ul.modal li{border-bottom:1px solid var(--border);font-size:1rem;padding-bottom:.77rem;padding-top:.5rem}header .fixed ul.modal li:first-child{border:none;padding-bottom:0;padding-top:.2rem;text-align:right}header .fixed ul.modal li:last-child{border:none}@media (max-width:699px){.left-section{text-align:center}.all-icons,.parent-avatar{justify-content:center}.icon-verified,header.flex nav{display:none}header button.menu{display:block}}footer.flex{justify-content:space-between;padding-bottom:1.9rem}footer.flex ul{gap:1rem}footer.flex ul li{color:var(--subtitle);cursor:pointer;font-size:.9rem;font-weight:400;transition:.3s}footer.flex ul li:hover{color:var(--blue);font-size:1rem;font-weight:500}footer.flex p{color:#71717a}@media (max-width:800px){footer.flex{flex-direction:column;gap:2rem}}*{box-sizing:border-box;font-family:shojumaru;margin:0;padding:0}html{scroll-behavior:smooth}@font-face{font-family:marker;src:url(/static/media/PermanentMarker-Regular.109a10dca0508e41aa12.ttf)}@font-face{font-family:shojumaru;src:url(/static/media/Shojumaru-Regular.9559fd7a1206d37af501.ttf)}:root{--primary:#000;--secondary:#18181b;--border:rgba(63,63,70,.4);--title:#f4f4f5;--subtitle:#a1a1aa;--bgHeader:#27272a;--blue:#5dbcfc;--icon-hover:#d4d4d8;--container-padding:4.8rem}body{background-color:#18181b;background-color:var(--secondary);color:#fff}.container{background-color:rgba(24,24,27,.71);border:2px solid rgba(63,63,70,.4);border:2px solid var(--border);margin-left:auto;margin-right:auto;min-height:100vh;padding:0 4.8rem;padding:0 var(--container-padding);width:80%}.divider{border-bottom:1px solid rgba(63,63,70,.4);border-bottom:1px solid var(--border);margin:3rem 0 3rem -4.8rem;margin-left:calc(var(--container-padding)*-1);width:calc(100% + 9.6rem);width:calc(100% + var(--container-padding) + var(--container-padding))}li{list-style:none}a{all:unset;transition:.2s}a:hover{cursor:pointer}.flex{align-items:center;display:flex}.border{border:2px solid red}button{all:unset}button:hover{cursor:pointer}button:active{scale:.9}button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:1000px){.container{--container-padding:1.7rem;padding:0 4.8rem;padding:0 var(--container-padding);width:90%}.divider{margin-left:-4.8rem;margin-left:calc(var(--container-padding)*-1);width:calc(100% + 9.6rem);width:calc(100% + var(--container-padding) + var(--container-padding))}}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{background-color:#d4d4d8;border:7px solid #292c3b;border-radius:4px;box-shadow:inset 0 0 2.5px 2px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb{background:#888;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}a.scrollLink{opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;visibility:hidden}a.showBtn{opacity:1;visibility:visible}a.hideBtn{opacity:0;visibility:hidden}.scroll2Top{background-color:rgba(25,118,210,.85);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;bottom:2rem;font-size:1.25rem;height:2.6rem;position:fixed;right:3%;text-align:center;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;width:2.6rem}.scroll2Top:hover{background-color:#1976d2;opacity:1}@media (max-width:600px){.container{padding:0 4.8rem;padding:0 var(--container-padding);width:98%}.scroll2Top{font-size:1rem;height:2.2rem;opacity:.6;width:2.2rem}}.main-img-back{background-image:url(/static/media/main-background.0ee44efa85190dcdb9b0.gif);background-size:cover;height:100%;inset:0;position:fixed;width:100%;z-index:-2}.main-img-back:before{background-color:rgba(0,0,0,.8);content:"";height:100%;inset:0;position:absolute;width:100%;z-index:-1}
/*# sourceMappingURL=main.048ae807.css.map*/