.projects-container{display:flex;flex-direction:row;justify-content:center;width:100vw;height:100%;animation:fadeInAnimation 1.5s;padding-top:12.5vh}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.projects-table{padding-top:5vh;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:1050px;gap:50px;padding-bottom:5vh}@media (max-width:500px){.projects-table{width:300px}}.page-container{display:flex;flex-direction:row;width:100vw;justify-content:center;padding-top:12.5vh;animation:fadeInAnimation 1.5s;padding-bottom:12.5vh}html{scroll-behavior:smooth;scroll-padding-top:100px}.contents{width:70%;margin-top:2.5rem;display:flex;flex-direction:column;margin-left:8vw}.overview{margin-top:5rem;width:10vw;list-style:none;gap:1rem;position:fixed;left:8vw}.overview-item{margin-bottom:20px}.scroll-content{border-left:15px solid;margin-top:2.5rem;gap:.5rem}.regular-content,.scroll-content{-webkit-padding-start:2rem;padding-inline-start:2rem;display:flex;flex-direction:column}.regular-content{border-left:15px solid transparent;gap:1rem;line-height:1.5rem;width:85%;margin-top:1.5rem}.demonstration{width:100%;display:flex;flex-direction:row;justify-content:center}.image{object-fit:cover;width:45vw;height:40vh}.project-link:hover{color:#747494;text-decoration:underline}@media (max-width:1000px){.overview{display:none}}