.Main-container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;margin:auto;width:80%;text-align:center}.container{margin-top:20px;text-align:left}.image-container{width:24%;margin:5px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease-in-out;&:hover{transform:scale(1.05)}}.image-container:nth-child(odd){margin-left:0}.image-container:nth-child(2n){margin-right:5px}.image-container img{width:100%;height:100%;border-radius:8px}@media (max-width:768px){.Main-container{width:100%}.image-container{width:100%;margin-right:0;margin-left:0}}.slideshow-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.slideshow-content{position:relative;max-width:80%;text-align:center}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;color:#fff;background:transparent;border:none;cursor:pointer}.prev-btn{left:15px}.next-btn{right:15px}.close-btn{position:absolute;top:15px;right:15px;font-size:24px;color:#fff;cursor:pointer}.slideshow-content img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.3)}body{margin:0;border-radius:0}.Header{background-color:#656da4;height:auto;top:0;margin:0 auto;align-items:center;padding-top:0;min-width:100%}.containerStyles{background-color:#2d3250;padding:0 2em;display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:16vh;font-family:Courier New,Courier,monospace}.logo{width:max-content;padding-left:5em}.buttonStyles{background-color:#fff;padding:.5em 1em;border-radius:100px;width:100%;cursor:pointer;margin-right:2rem;font-family:Inter,sans-serif;font-weight:600;color:#2d3250}.profileBtn{margin-right:10px}.topnav{overflow:hidden;background-color:#656da4;width:100%}.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;margin-left:1.5em;margin-right:1.5em}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#04aa6d;color:#fff}.topnav .icon{display:none}@media screen and (max-width:900px){.topnav a:not(:first-child){display:none}.topnav a.icon{float:right;display:block}.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}}@media screen and (max-width:600px){.buttonStyles{font-size:14px}.logo{padding-left:0}}@media screen and (max-width:768px){.buttonStyles{width:auto;margin-right:0}.logo{padding-left:2em}}