*{margin:0;padding:0;box-sizing:border-box;gap:2em}body{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;min-height:100vh;font-size:calc(10px + 1vmin);padding:1em 3em;max-width:1200px;margin:0 auto;background:#1c1f3e;background:radial-gradient(circle,#1c1f3e 11%,#1c1f34 78%,#0b1c34 93%);background-position:50% 200px;color:#fff}@keyframes bgmove{0%{background-position:0% 0%}25%{background-position:50% 25%}50%{background-position:150% 1000px}75%{background-position:200% 5000px}to{background-position:0% 100%}}p{color:#c5c5c5c0}.App>*{margin-bottom:4em}.App>*>h2{color:#89a4b4;margin-bottom:.5em}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(max-width:690px){.Nav-Bar{text-align:center;justify-content:center!important;padding:0;margin:0;opacity:75%}.Nav-Bar ul{display:none!important}.About{display:flex!important;flex-direction:column}.About img{max-width:200px!important;aspect-ratio:1/1}.contact-button{justify-self:end!important;display:block!important}.container,.container .card{display:flex!important;flex-direction:column;justify-content:center;align-items:center}.container ul{flex-wrap:wrap;justify-content:start!important}.container .desc *{text-align:left!important}.certifications img{width:150px!important}}.contact-button{text-decoration:none;color:#272727;background-color:#ffde34;padding:.8em 1em;border-radius:8px;transition:.5s background-color;font-weight:700;display:inline-block}.contact-button:hover{background-color:#ffde34cc;transition:.5s background-color}.About img{border-radius:100%;max-width:500px;object-fit:cover;aspect-ratio:1}.About .left{grid-column:1 / 5}.About{display:grid;grid-template-columns:repeat(8,1fr);place-items:center}.About .right{grid-column:5 / 9;position:relative}.About .right button{outline:solid red 2px}.projects .container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto,1fr);margin-top:2em}.projects .card{display:grid;grid-column:1 / 4;grid-template-columns:subgrid}.projects .card>img{width:100%;max-width:300px;grid-column:1 / 1;aspect-ratio:1 / 1;object-fit:cover;border-radius:5px}.projects .desc{grid-column:2 / 4;place-content:center}.projects ul{display:flex;flex-wrap:wrap;list-style:none;gap:1em}.projects li{background-color:#0000004f;font-weight:500;color:#e6d430b7;padding:.1em .2em;border-radius:5px;white-space:nowrap}.projects .card:nth-of-type(2n) img{grid-column:4 / 4;grid-row:1}.projects .card:nth-of-type(2n) .desc{grid-column:1 / 3;grid-row:1}.desc>*:not(:nth-child(4)){margin-bottom:.5em}.projects .container .card:nth-of-type(2n) *{text-align:right;justify-content:end}.projects a{color:#4343f3;display:inline-block;text-decoration:none}.projects a:hover{color:#1e90ff}.projects span:not(a span){display:inline-block;margin:0 .5em}.Nav-Bar{display:flex;justify-content:space-between;font-weight:700;padding:1em 0;align-items:baseline}.Nav-Links{display:flex;list-style-type:none}.Nav-Links a{text-decoration:none;color:inherit}.Nav-Links a:hover{opacity:70%;color:#1e90ff}.Nav-Bar h1{font-size:x-large}.contact a{position:absolute;inset:0}.contact a:hover{background:#c5c5c541}.contact .container{display:flex;justify-content:center;gap:8rem;margin-top:2em}.contact .card{text-align:center;position:relative}.certifications a:hover{background:#c5c5c541}.certifications a{color:#fff;text-decoration:none;position:absolute;inset:0}.certifications .container{margin-top:2em;display:grid;grid-template-columns:repeat(4,1fr)}.certifications .container .card{text-align:center;line-height:1.5;position:relative}.certifications img{width:100%;max-width:200px;margin:0 auto 1em;aspect-ratio:1 / 1;object-fit:cover;display:block}