body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;font-size:calc(7px + 2vmin);background-color:#1f1f1f;width:100%;height:100%;overflow-x:hidden}.header{width:100%;display:flex;flex-flow:row;background-color:#181818;border-bottom:2px solid #2b2b2b;padding:10px;font-size:1.1rem;align-items:center;gap:20%}.header__title{flex:1 0 auto;font-size:1.3rem;padding-top:10px;padding-bottom:10px}.header__desc{align-self:flex-end;margin-left:auto;flex:0 1 auto}@media screen and (max-width: 600px){.header__desc{visibility:hidden;position:absolute}}.intro{width:100vw;border-bottom:2px solid #2b2b2b;display:flex;flex-flow:row;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px;gap:20px}.intro__me{display:flex;flex-flow:column;align-items:center}.intro__me img{background:#181818;font-size:25px;border-radius:50%;display:inline-block;padding:10px;width:350px;height:350px;object-fit:cover}.me__links{display:flex;flex-flow:row;gap:10px;align-items:center}.me__links a{color:#479cd6}.me__links a:hover{color:#9cdcfe}.intro__description{flex:0 1 auto;color:#9cdcfe;width:500px;font-size:1.3rem}.projects__content{display:flex;flex-flow:row;justify-content:center;gap:10px;padding:10px;width:100%;min-width:0;flex-wrap:wrap}.projects{width:100%;display:flex;flex-flow:column;background-color:#181818}.projects__title{width:100%;display:flex;flex-flow:row;align-items:center;justify-content:center;padding:20px;font-size:2rem}.work__content{display:flex;flex-flow:row;justify-content:center;gap:10px;width:100%;flex-wrap:wrap}.work{width:100%;display:flex;flex-flow:column;background-color:#181818;border-bottom:2px solid #2b2b2b;padding-bottom:20px}.work__title{width:100%;display:flex;flex-flow:row;align-items:center;justify-content:center;padding:20px;font-size:2rem}.skills{display:flex;flex-flow:column;align-items:center;justify-content:center;width:100%;padding-bottom:10px;border-bottom:2px solid #2b2b2b}.skills__title{width:100%;display:flex;flex-flow:row;align-items:center;justify-content:center;padding:20px;font-size:2rem}.skills__nyan{object-fit:none;width:100vw;height:300px}*{box-sizing:border-box;font-family:Cascadia Code,sans-serif}div{color:#b1b1b1}html{background-color:#1f1f1f}.show-nick{border:1px solid pink;width:500px;height:500px;display:flex;padding:10px;gap:10px;flex-flow:row;justify-content:center;align-items:center}.child{border:1px solid blue;width:100px;height:100px;flex:0 1 auto}.two{border:1px solid orange;width:100px;height:100px;flex:1 0 auto}.job{display:flex;flex-flow:row;gap:10px;width:80%;align-items:center;justify-content:left;font-size:1.2rem;background-color:#1f1f1f;border-radius:10px;transition:transform .2s;padding:20px;border:1px solid #404040}@media screen and (max-width: 600px){.job{font-size:.9rem;width:95%}.job__image img{display:none}}.job:hover{transform:scale(1.05)}.job__image img{width:200px;max-width:30vw}.job__content{display:flex;flex-flow:column;justify-content:center}.content__company{color:#d7ba7d;font-size:1.3rem}.content__time{font-size:.9rem;color:#c586c0}.content__description{margin-top:5px;margin-left:30px;color:#9cdcfe}.project{display:flex;flex-flow:row;gap:20px;max-width:600px;min-width:20%;background-color:#1f1f1f;border-radius:10px;transition:transform .2s;padding:20px;border:1px solid #404040}.project:hover{transform:scale(1.05)}.post__content{flex:0 1 auto;margin:0;font-size:1rem;color:#d7ba7d}.post__content h2{margin-bottom:0;margin-top:0}.post__time{font-size:.9rem;color:#c586c0}.post__info{color:#c586c0;font-size:1.3rem;display:flex;gap:10px}.post__summary{line-height:1.2rem;color:#9cdcfe}.post__image img{width:250px;max-width:30vw}.content__links{font-size:.9rem;color:#c586c0}.content__links a{color:#479cd6}.content__links a:hover{color:#9cdcfe}@media screen and (max-width: 600px){.post__image img{display:none}}.marquee{display:flex;width:80%;block-size:var(--marquee-item-height);margin-bottom:20px;position:relative;overflow-x:hidden;-webkit-mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);transition:transform .2s}.marquee:hover{transform:scale(1.05)}.marquee--8{--marquee-item-width: 100px;--marquee-item-height: 100px;--marquee-duration: 15s;--marquee-items: 14}@media screen and (max-width: 600px){.marquee--8{--marquee-item-width: 60px;--marquee-item-height: 60px}}.marquee__item{width:var(--marquee-item-width);height:var(--marquee-item-height);overflow:hidden;--marquee-item-offset: max( calc(var(--marquee-item-width) * var(--marquee-items)), calc(100% + var(--marquee-item-width)) );--marquee-delay: calc(var(--marquee-duration) / var(--marquee-items) * (var(--marquee-items) - var(--marquee-item-index)) * -1);position:absolute;inset-inline-start:var(--marquee-item-offset);transform:translate(-50%);animation:go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite}.marquee--8 .marquee__item:nth-of-type(1){--marquee-item-index: 1}.marquee--8 .marquee__item:nth-of-type(2){--marquee-item-index: 2}.marquee--8 .marquee__item:nth-of-type(3){--marquee-item-index: 3}.marquee--8 .marquee__item:nth-of-type(4){--marquee-item-index: 4}.marquee--8 .marquee__item:nth-of-type(5){--marquee-item-index: 5}.marquee--8 .marquee__item:nth-of-type(6){--marquee-item-index: 6}.marquee--8 .marquee__item:nth-of-type(7){--marquee-item-index: 7}.marquee--8 .marquee__item:nth-of-type(8){--marquee-item-index: 8}.marquee--8 .marquee__item:nth-of-type(9){--marquee-item-index: 9}.marquee--8 .marquee__item:nth-of-type(10){--marquee-item-index: 10}.marquee--8 .marquee__item:nth-of-type(11){--marquee-item-index: 11}.marquee--8 .marquee__item:nth-of-type(12){--marquee-item-index: 12}.marquee--8 .marquee__item:nth-of-type(13){--marquee-item-index: 13}.marquee--8 .marquee__item:nth-of-type(14){--marquee-item-index: 14}.marquee--8 .marquee__item:nth-of-type(15){--marquee-item-index: 15}@keyframes go{to{inset-inline-start:calc(var(--marquee-item-width) * -1)}}