/* General */
@font-face {
  font-family: TT_Bells;
  src: url('/font/TT_Bells_Thin.woff') format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: TT_Bells;
  src: url('/font/TT_Bells_Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: TT_Bells;
  src: url('/font/TT_Bells_Regular.woff') format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: TT_Bells;
  src: url('/font/TT_Bells_Bold.woff') format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: TT_Bells;
  src: url('font/TT_Bells_Thin_Italic.woff') format("woff");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: TT_Bells;
  src: url('font/TT_Bells_Light_Italic.woff') format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: TT_Bells;
  src: url('font/TT_Bells_Italic.woff') format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: TT_Bells;
  src: url('font/TT_Bells_Bold_Italic.woff') format("woff");
  font-weight: bold;
  font-style: italic;
}
*{
    transition-duration: 1s;
    letter-spacing: 0.03em;
    font-family: 'TT_Bells';
    font-weight: 300;
}


body, html {
    margin: 0;
    padding: 0;
    background: white;
}

h1{
    font-weight: 300;
    font-size: 3em;
    color: white;
    letter-spacing: 0.03em;
}

h4{ 
    font-weight: 500;
    font-size: 2em;
    letter-spacing: 0.03em;
    color: white;
}
p{
    font-size: 1.6em;
    line-height: 1.5;
    color: white;
    letter-spacing: 0.03em;
}
a{
    color: #a6a4a4;
    text-decoration: none;
}
a:hover{
    color: #bdbdbd;
}
button{
    border: none;
    cursor: pointer;
}
footer{
  text-align:center; 
  padding-top: 10vh; 
  padding-bottom: 5vh;
  font-size: 1.1em; 
  letter-spacing: 0.1em;
  color: #999;
  z-index: 50;
}
footer span{
        padding: 20px;
        display: block;
        font-size: 1.2em;
        line-height: 2;
}