Template:ETH Zurich/footer css

footer {

   background-color: var(--footer-background-color);
   align-items: flex-start;
   box-shadow: 0 -4px 4px -4px var(--dark-background-color);
   color: var(--dark-text-color);
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   margin: 0;
   padding: 0 10px;

}

footer a {

   display: block;

}

.contact {

   display: flex;
   flex: 0 1 auto;
   flex-flow: row nowrap;
   list-style-type: none;
   margin: 0;
   padding: 0;

}

.contact img {

   width: 40px;

}

.imprint {

   display: flex;
   flex: 0 1 0;
   flex-flow: column nowrap;
   min-width: 300px;

}

.sponsor-list {

   flex: 1 1 0;
   min-width: 400px;

}

.sponsor-list > ul {

   align-items: center;
   display: flex;
   flex-flow: row wrap;

}

.sponsor-list > ul > li {

   display: block;
   flex: 0 1 auto;
   margin: 10px auto;
   padding: 0 10px;

}

.sponsor-list img {

   max-width: 150px;

}

1. ETHZ {

   background-color: var(--light-background-color);
   display: block;
   flex: 0 1 auto;

}

1. ETHZ img {

   margin: 20px auto;
   max-width: 300px;

}

1. SISF img {

   max-width: 300px;

}

1. goto-top {

   background-color: var(--medium-background-color);
   border: none; /* Remove borders */
   border-radius: 10px; /* Rounded corners */
   bottom: 20px;
   color: var(--light-text-color);
   cursor: pointer;
   display: none;
   padding: 10px;
   position: fixed;
   right: 20px;
   z-index: 10;

}

1. goto-top:hover {

   background-color: var(--dark-background-color);

}