@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap");:root{--column-size: 300px}body{font-family:"IBM Plex Sans", sans-serif;font-optical-sizing:auto;font-style:normal;line-height:1.3;font-size:14px;background:white;color:black;min-height:100vh;margin:0;padding:0}main{margin:auto 0;padding:2em 0;max-height:90vh}#homepage{display:grid;grid-template-columns:repeat(auto-fit, var(--column-size));grid-gap:15px;margin-left:auto;margin-right:auto;padding:0}#ga-logo{width:50%;margin-top:2em}#courseInfo{display:block;padding:1em;position:sticky;top:0px;left:0px;column:1;align-self:start}#intro a{color:#cc2fe6}#intro a:visited{color:#cc2fe6}h1{font-size:2.0em;font-weight:300;margin:0}#term{font-style:italic;font-size:1.2em;margin-bottom:1em}header{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}p{margin-top:0.5em;margin-bottom:0}#projects{grid-column:2 / -1;column-width:300px;column-gap:1em;will-change:transform;margin:0;padding:0}.project{list-style-type:none;padding:1em;break-inside:avoid-column}#projects a{color:black;text-decoration:none}.studentName{text-transform:uppercase;font-weight:400;font-size:.9em;letter-spacing:.1em;color:#CC2FE6}.projectDescription,.projectTitle,.studentName{text-decoration:none}.project h2{margin:0;font-size:1.2em;font-style:italic}.blue{transition:0.3s ease-in-out;background-image:linear-gradient(0deg, rgba(204,47,230,0.2) 0%, rgba(255,255,0,0.2) 20%, #fff 75%, #fff 100%);background-size:100% 400%;background-position:100% 0%}.blue:hover{background-position:100% 100%}@media (width < 900px){#projects{grid-column:1;column-width:auto}#courseInfo{display:block;padding:1em;position:static;width:auto}#ga-logo{width:auto;height:2em;margin-top:2em}#homepage{display:grid;grid-template-columns:1fr;margin:0;padding:0}.project{border-bottom:1px solid black;background:linear-gradient(0deg, rgba(204,47,230,0.2) 0%, rgba(255,255,0,0.2) 100%)}#projects{border-top:1px solid black}.projectTitle{text-decoration:underline}}