/* @import url('https://fonts.googleapis.com/css?family=Exo 2:400,700'); */

@font-face{
    font-family:"Exo 2";
    src:local("Exo 2"),url("../fonts/Exo2-VariableFont_wght.ttf");
}

html {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    font-family: 'Exo 2', sans-serif;
}

.center-screen {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

.text-note{
    color: blueviolet;
}

.text-pre-line{
    white-space: pre-line;
}

.img-album-parent {
    position: relative;
    overflow: hidden;
    min-height: 200px;
}

.img-album {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    height: 100%;
    width: auto;
    
    margin: auto;
    object-fit: fill;
}

@media (max-width: 768px) { 
    .img-album {
        width: 100%;
        height: auto;
    }
}

footer a {
    color: white;
    margin: 0.5rem;
    text-decoration: none;
    font-size: 1.1rem;
}

  .img-avatar {
    object-fit: cover;
    border-radius:50%;
  }