@font-face {
  font-family: tomserif;
  src: url(tomserif.woff);
}

/*TOPBAR*/
    t{font-family: tomserif;
      font-size: 20px;
      width: 240;
    }

    body{margin: 0;
        padding: 0;  
    }

    .topbar{
      background-image: url(media/topbar.png);
      background-position: bottom;
      width: 100%;
      z-index: 2;
      position: fixed;
    }

    .language{
      font-family: tomserif;
      float: right;
      padding-right: 20px; 
      padding-top: 20px;
      font-size: 15px;
    }

    .menu{
      padding-left: 20px;
      padding-top: 20px;
      width: 240px;
    }

    .arrow{
      padding-top: 10px;
      width: 80px;
      height: 30px;
      font-family: tomserif;
      font-size: 20px;
    }
    .back{
      width: 80px;
      height: 30px;
    }


/*CONTENTS*/

.soft {
  background-color: transparent;
      display:block;
      margin:auto;
      padding: 10px;
      width: 800px;
      height: 400px;
      padding-bottom: 40px;
}

.pri {
  background-color: transparent;
      display:block;
      margin:auto;
      padding: 10px;
      width: 800px;
      height: 440px;
      padding-top: 70px;
     
}

.lgdd {
  background-color: transparent;
      display:block;
      margin:auto;
      padding: 10px;
      width: 800px;
      height: 430px;
      
}

.testo {
    padding-bottom: 20px;
    width: 700px;
    margin: auto;
}

h1{
  text-align: left;
  font-family: tomserif;}

b1{
  text-align: left;
  font-family: 'Times New Roman', Times, serif;
}



  div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

div.gallery-item {
  margin-right: 10px;
  width: 180px;
}



div.gallery-item img {
  width: 100%;
  height: auto;
}



a:link{
  text-decoration: none;
  color:black;
}
a:visited{
  text-decoration: none;
  color:black;
}
a:hover{
  text-decoration: none;
  color:black;
  font-size: 105%;
}
a:active{
  text-decoration: none;
  color:black;
}