body {
    background-image: url("../../media/test/background.jpg");
    background-size: 100%;
    background-attachment: fixed;
    background-color: black;
    width: auto;
    height: 100%;
    color: white;
}

h1 {
    font-size: 70px;
    font-weight:400;
    font-family: 'Almendra Display', cursive;
    text-align: left;
    margin-bottom: inherit;
}

h2 {
    font-size: 30px;
    font-weight:100;
    padding: 0;
    text-align: left;
    margin-top: inherit
}

h3 {
    font-size: 25px;
    font-weight:400;
    text-align: center;
    margin-bottom: -10px;
}

p {
    font-family: 'Cardo', serif;
    font-size: 20px;
    font-weight: 100;
    text-align: center;
 }

a {
    color: #dedede;
    text-decoration: none;
}
/*hover action*/
a:hover { 
  text-decoration: underline
}

div{
    margin-left: auto; 
    margin-right: auto;
    width: 50em;
    /*border: 3px;
    border-style: dotted;
    padding: 10px;*/
}



.scrollup { /* scroll-up button.css */
width:40px;
height:40px;
opacity:0.5;
position:fixed;
bottom:50px;
right:10px;
display:none;
text-indent:-9999px;
background: url('../../media/test/up-arrow.png') no-repeat;
}

.te {
    font-family: 'Almendra Display', cursive;
    font-size: 20px;
    color: #dedede;
}