@font-face {
    font-family: 'Poppins-Black';
    src: url('../font/Poppins-Black.ttf');
}
@font-face {
    font-family: 'Poppins-Bold';
    src: url('../font/Poppins-Bold.ttf');
}
@font-face {
    font-family: 'Poppins-Light';
    src: url('../font/Poppins-Light.ttf');
}
@font-face {
    font-family: 'Poppins-Regular';
    src: url('../font/Poppins-Regular.ttf');
}

.logo {
    width: 20vw;
    position: absolute;
    left: 8vw;
    top: 10vh;
}
.cara {
    height: 96vh;
    margin-top: 0px;
    float: right;
    opacity: 0.6;
}
.seleccione {
    position: absolute;
    left: 8vw;
    top: 42vh;
    font-family: 'Poppins-Bold';
    color: #073D6E;
    font-size: 1.8em;
    text-align: left;
}
.paises {
    position: absolute;
    top: 70vh;
    left: 8vw;
    width: 92vw;
    height: 10vh;
}
.paises a {
    text-decoration: none;
}
.paises a:hover {
    text-decoration: none;
}
.paises a:visited {
    text-decoration: none;
}
.paises div {
    width: 16vw;
    margin-right: 2vw;
    float: left;
}
.paises div img {
    width: 8vw;
    margin-left: 4vw;
    cursor: pointer;
    cursor: pointer;
}
.paises div p {
    width: 16vw;
    font-family: 'Poppins-Bold';
    font-size: 1.5em;
    margin-top: 1vh;
    cursor: pointer;
    text-align: center;
    color: #073D6E;
}
.paises div p:hover {
    color: #6D8EAC;
}