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}}.wholepage{margin:20px}.eachalumni{display:flex;flex-direction:row;justify-content:space-evenly;margin:50px 0}.eachimg{width:22%}.Details{width:50%}.ocup{color:#656da4;font-weight:700}.line{font-size:large;text-align:center}@media screen and (max-width:800px){.eachalumni{flex-direction:column}.eachImage{width:50%;margin-bottom:40px}.Details{width:100%}}.footer{height:24vh;align-items:center;left:0;bottom:0;width:100%}.mainsection{background-color:#2d3250;width:100%;flex-direction:row;justify-content:space-evenly;align-items:center;height:20vh}.mainsection,.nav{padding:10px;display:flex;color:#fff}.nav{flex-direction:column}.icons{display:flex;flex-direction:row;width:300px;justify-content:space-evenly}.eachicons,.icons{align-items:center}.eachicons{margin-left:10px;border:2px solid #fff;padding:7px;width:35px;text-align:center;border-radius:7px;cursor:pointer;color:#fff;&:hover{color:blue}}.nav a{color:#fff;text-decoration:none}.nav a:hover{color:blue;cursor:pointer}.credits{background-color:#656da4;text-align:center;font-weight:600;height:4vh}@media screen and (max-width:768px){.mainsection{flex-direction:column;height:-moz-fit-content;height:fit-content}.footlogo,.nav{margin:10px}.nav{flex-direction:row}.nav a{margin-left:8px}}