stylesheet.css

@font-face {
  font-family: play ;
  src: url(font/Play-Regular.ttf);
}


html {
  position: relative;
  min-height: 100%;
  height: 100%;
}

body{
  padding-top:70px;

}

#container {
            width: 800px;
            height: 500px;
            margin: 10px auto;
            margin-bottom:100px;
           
            position: relative;
            border-radius: 50%;
            animation: spin 10s linear infinite;
          }
          .item {
            width: 200px;
            height: 200px;
            line-height: 30px;
            text-align: center;
            border-radius: 50%;
            position: absolute;
           
            animation: spin 10s linear infinite reverse;
          }
          @keyframes spin {
            100% {
              transform: rotate(1turn);
            }
          }

.navbar{
  /*background-color: #b32d00!important;*/
  font-family: play;
}   
.navbar-light .navbar-nav .nav-link {
  color: white!important;
  font-size:20px !important;
  margin-right: 20px !important;
    margin-left: 50px !important;
}   
.navbar-brand{
  color:white !important;
  
  font-size: 30px!important;
}  

h1{
  font-family: play;
}



#carousel-homepage .carousel .carousel-item { 
  width: 100%;
}

#carousel-homepage .carousel-item img {
  object-fit:cover;
  max-height:500px;
  opacity: 0.6;
  min-height: 500px;
}

#carousel-homepage .carousel-caption h5{
  font-size: 90px;
  font-family: play;
  margin-bottom:150px;
}
/*.navbar {
    background: #b32d00;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: max-content auto max-content;
    grid-template-areas: "logo title menus menus menus search";
    justify-items: stretch;
    align-items: stretch;
    column-gap: 0px;
  }
  .logo {
    grid-area: logo;
    width: 55px;
    justify-content: left;
    padding: 6px;
  }
  .title {
      grid-area: title;
    font-size:xx-large;
    font-weight: 500;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: rgba(245, 245, 245, 0.959);
    align-self: center;
  }
  
  .menus {
    grid-area: menus;
    display:flex;
    flex-direction: row;
    justify-content: right;
  }
  
  .menus * {
    padding: 1em;
    padding-left: 3em;
    padding-right: 3em;
  }

  button {
      background-color:#b32d00;
      border: none;
      color:rgba(245, 245, 245, 0.959);
      font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      font-size: 1em;
      
  }
  .search {
    grid-area: search;
    align-self: center;
    justify-content: right;
}*/

/*
.tb {
  font-family: 'GentiumPlusRegular';
   font-weight: normal;
   font-style: normal; 
} */

.footer {
    background: #212529;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: max-content auto max-content;
    grid-template-areas: "project logo affiliation";
    justify-items: stretch;
    align-items: stretch;
    column-gap: auto;
    padding:1.5em;
}
.project {
  grid-area: project;
    color:rgba(245, 245, 245, 0.959);
      font-family:'play';
      
}

.logo {   
    justify-content: center;  
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
}

.affiliation {  
    grid-area: affiliation;
    justify-content: right;
    align-self: right;
    color:rgba(245, 245, 245, 0.959);
      font-size: 1em;
}