.App{padding:20px;font-size:16px}.Section{margin:10px 0}@keyframes clockwise{0%{transform:rotate(-315deg)}to{transform:rotate(45deg)}}@keyframes anticlockwise{0%{transform:rotate(45deg)}to{transform:rotate(-315deg)}}.BackgroundStripes{position:fixed;display:flex;align-items:center;justify-content:center;top:0vh;left:0vw;height:100vh;width:100vw;z-index:-10}.BackgroundStripes .stripe-left{height:400vw;width:400px;background-color:#ffffff1a;animation:clockwise linear 600s infinite}.BackgroundStripes .stripe-right{height:400vw;width:400px;background-color:#0000001a;animation:anticlockwise linear 480s infinite}.ProjectSummary{width:100%}.Column{margin-right:10px;max-width:480px}.ProjectSummary img{width:100%;border:1px solid #999;border-radius:4px}.ProjectSummary .project-title{margin-top:10px;font-weight:600;font-size:16px;letter-spacing:.3px;text-transform:uppercase}.ProjectSummary .tag{font-size:16px}.ProjectSection{display:flex;flex-wrap:wrap;gap:20px}@media (prefers-color-scheme: light){.BackgroundStripes .stripe-right{background-color:#00000008}.BackgroundStripes .stripe-left{background-color:#fff3}}@media (min-width: 854px){.App{padding:40px 80px;font-size:20px}.Section{margin:20px 0;max-width:960px}.ProjectSummary{width:220px}.Column{margin-right:20px}}@keyframes fadeup-50{0%{opacity:0;transform:translateY(10px)}50%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeup-75{0%{opacity:0;transform:translateY(10px)}75%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadein-75{0%{opacity:0;height:0;overflow:hidden}74%{opacity:0;height:0;overflow:hidden}75%{opacity:0;height:auto;overflow:auto}to{opacity:1;height:auto;overflow:auto}}.TitleSection{animation:fadeup-50 .5s ease-in}.DescriptionSection{animation:fadeup-75 1s ease-in}.ProjectSummary{animation:fadein-75 2s ease-in}h4{margin:40px 0 0;animation:fadein-75 2s ease-in}:root{font-family:Alata,Telex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;color-scheme:light dark;color:#ffffffde;background-color:#031730;color:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{text-decoration:none;color:#8d93ab}body{margin:0;display:flex;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.title{font-size:24px;font-weight:700}.subtitle{font-size:20px}.text-red{color:#e94560}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#b3e5fc}a{color:#0277bd}a:hover{color:#01579b}button{background-color:#f9f9f9}}@media (min-width: 854px){.title{font-size:48px}.subtitle{font-size:36px}}