*,:after,:before{box-sizing:border-box}#root{transform:translateZ(0)}#root,body{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#25252f url(/static/media/bg-pattern.c0cfcbe9fcb6e21bf92a.svg);color:#fff;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:1.4}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (min-width:768px){body{font-size:18px}}.app{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:0 1rem 3rem}@media screen and (min-width:768px){.app{padding-left:2rem;padding-right:2rem}}.allProjects{align-items:center;display:flex;flex-direction:column;max-width:1000px}.annotation{align-items:flex-start;align-self:flex-start;background:#1b1b22;border:1px solid #07ff32;display:flex;justify-content:center;margin:0;padding:1rem}.annotationAlignEnd{align-self:flex-end}.long{max-width:540px}.medium{max-width:350px}.short{max-width:300px}@media screen and (min-width:768px){.annotation{padding:18px}}.line{display:block;height:auto;padding-left:1.5rem;padding-right:1.5rem;width:100%}.lineContainer{align-self:flex-start}.lineContainerAlignEnd{align-self:flex-end}.linePath{stroke:#000f02;stroke-width:3px}@media screen and (min-width:768px){.small{padding-left:5rem}.big{padding-left:9rem}.lineContainerAlignEnd{.small{padding-right:5rem}.big{padding-right:9rem}}}@media screen and (prefers-reduced-motion:reduce){.line rect{display:none}}.projectImg{border-radius:.1rem;display:block;min-width:0;width:100%}.projectImgUrl{display:block;position:relative;width:100%}.projectImgUrl:after{border:1px solid #0000;border-radius:.1rem;content:"";display:block;inset:0;position:absolute}.projectImgUrl:hover:after{border:1px solid #7303c0;transition:border .3s}.wrapper{gap:2rem;justify-content:space-between;width:100%}.projectInfo,.wrapper{display:flex;flex-direction:column}.projectInfo{gap:1rem;position:relative}.projectHeader{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between}.projectName{font-family:Trirong,serif;font-size:clamp(20px,3vw,28px);font-style:normal;font-weight:500;margin:0}.projectAbout{margin:0;white-space:pre-wrap}.stack{align-content:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin:0;padding-inline-start:0}.stackElement{background-color:#151526;border:1px solid #07ff32;font-family:Exo,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(14px,1.5vw,16px);list-style:none;padding:.5rem;transition:border-color .8s}.projectUrlsWrapper{display:flex;flex-direction:row;gap:1rem}.projectUrl{color:#fff;display:block;position:relative;text-decoration:none}.projectUrl:hover{color:#cf23cf}@property --myColor1{syntax:"<color>";initial-value:#ec38bc;inherits:false}@property --myColor2{syntax:"<color>";initial-value:#07ff32;inherits:false}@property --myColor3{syntax:"<color>";initial-value:#03001e;inherits:false}.project{--gradient-direction:to right;background:linear-gradient(#1b1b22,#1b1b22) padding-box,linear-gradient(var(--gradient-direction),var(--myColor1),var(--myColor2),var(--myColor3)) border-box;border:2px solid #0000;flex-direction:column;padding:1rem;position:relative;transition:--myColor1 .8s,--myColor2 .8s,--myColor3 .8s}.bg,.project{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0;max-width:1000px}.bg,.overlay{height:100%;left:0;position:absolute;top:0;width:100%}.project:hover{--myColor1:#03001e;--myColor2:#7303c0;--myColor3:#ec38bc}.project:hover .stackElement{border-color:#bb22bd;transition:border-color .8s}@media screen and (min-width:768px){.project{flex-direction:row;padding:1.5rem}.projectImageEnd{flex-direction:row-reverse}}.aboutMe{background:#25252f;box-shadow:0 0 3pt 5pt #25252f;display:flex;flex-direction:column;gap:.5rem;max-width:1000px;padding:0 .25rem}.aboutMeHeader{-webkit-text-fill-color:#0000;background:linear-gradient(to top left,#010101,#cf23cf,#ed4,#07ff32);-webkit-background-clip:text;font-family:Exo,Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-size:clamp(24px,3vw,36px);font-style:normal;font-weight:400;width:-moz-fit-content;width:fit-content}.aboutMeInfo{display:flex;flex-basis:75%;flex-direction:column;gap:1rem}.aboutMeText{margin:0}.navbar{align-items:center;background:#25252f;display:flex;justify-content:center;left:0;padding:1.25rem 0;position:sticky;top:0;width:100%;z-index:10}.headline{-webkit-text-fill-color:#0000;background:linear-gradient(to bottom right,#7303c0,#cf23cf,#ed4,#07ff32);-webkit-background-clip:text}.nav-links{display:flex;gap:1rem;margin-left:1rem}.nav-links a{color:#ed4;text-decoration:none}.nav-links a:hover{color:#cf23cf}@media screen and (min-width:768px){.navbar{justify-content:flex-end}.nav-links{gap:1.5rem;margin-left:1.5rem}}
/*# sourceMappingURL=main.bd89c4dc.css.map*/