@font-face {
    font-family: BebasKai;
    src: url(font/BebasKai.woff);
}
@font-face {
    font-family: Gotham-Light-Italic;
    src: url(font/Gotham-Light-Italic.woff);
}
@font-face {
    font-family: PT-Sans;
    src: url(font/PTN57F.woff);
}

.Txt {
    color: white;
    font-family: BebasKai;
    letter-spacing: 4px;
    font-size: 130%;
}
.TxtsTitle {
    color: white;
    font-family: BebasKai;
    letter-spacing: 2px;
}
.TxtAnd {
    color: white;
    font-family: Gotham-Light-Italic;
    padding-left: 4px;
    padding-right: 4px;
    letter-spacing: 2px;
}
.TxtTasti {
    color: white;
    font-family: BebasKai;
    text-decoration: none;
    padding-left: 0px;
    padding-right: 0px;
    letter-spacing: 3px;
    font-size:20px;
    margin-left:30px;
    margin-right:30px;
}
.TxtTasti:hover {
    border-bottom: solid 2px #ffffff;
}
.Select {
    border-bottom: solid 2px #ffffff;
}
.TxtPiede {
    color: darkgray;
    font-family: BebasKai;
    font-size: 15px;
    letter-spacing: 2px;
}
.TxtPiedeEmail {
    color: darkgray;
    font-family: PT-Sans;
    font-size: 15px;
    letter-spacing: 2px;
}
.TxtBio {
    color: darkgray;
    font-family:  PT-Sans;
    font-size: 15px;
    letter-spacing: 2px;
}
.TxtTitleWork {
    color: white;
    font-family: BebasKai;
    letter-spacing: 2px;
    text-align:center;
    margin-top:40px;
}
.TxtTitoloQuadrato {
    color: black;
    text-align: center;
    z-index:1;
    margin-top:-55%;
    padding-bottom:55%;
    margin-bottom:-25px;
    font-size: 20px;
    font-family: BebasKai;
    text-decoration:none;
}
.AlignCenter {
    text-align: center;
}

.AlignDx {
    text-align: right;
}
.paddingTop {
    padding-top: 0px;
}
@media only screen and (max-width: 900px) {
    .TxtTitoloQuadrato {
        color: black;
        text-align: center;
        z-index: 1;
        margin-top: -55%;
        padding-bottom: 55%;
        margin-bottom: -23px;
        font-size: 14px;
        font-family: BebasKai;
        text-decoration: none;
    }
}