@font-face {
    font-family: Font1;
    src: url("MovLette.ttf");
}

@font-face {
    font-family: Font2;
    src: url("BebasKai.ttf");
}

body {
    background-color: #6975A0;
}

.titolo{
    transition-duration: 0.5s;
    color: #A7AECA;
    font-family:Arial; 
    font-size: 150px; 
    margin-top: 20px;
    font-family: Font1;
}

.button{
    background-color: #1A3148;
    color: #A7AECA;
    border: none;
    padding-left: 50;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    margin: -2px;
    transition-duration: 0.5s;
    font-size: 50px;
    font-family: Font1;
}

.button:hover {
    background-color: #394675;
    color: #A7AECA;
}

.testo {
    color: #A7AECA;
    font-family: Font2;
    font-size: 20px;
}

.img {
    border: #A7AECA 2px solid;
    transition-duration: 0.5s;
    border-radius: 5px;
}


.imglink {
    transition-duration: 0.5s;
    width: 300px;
}

.imglink:hover {
    width: 325px;
    opacity: 0.75;
    border-radius: 25px;
    cursor: pointer;
}