@font-face {
    font-family: Nunito;
    src: url("/Nunito/Nunito-VariableFont_wght.ttf");
}


body {
    background-color: #273a4d;
    color:#ffffff;
    margin: auto; 
    text-align: center;
    font-family: Nunito;
    font-size: 2.0em;
    display: flex;
    flex-direction: column;
} 

.posts {
    padding-top:  0em;
    margin: auto;
    width: 50%;
    max-width: 75%;
    min-width: min(24em, 90%);
    
}

.header {
    width: 100%;
    height: 4vh;
}

.flag {
    background: linear-gradient(180deg, rgba(213,40,0,1) 0%, rgba(213,40,0,1) 20%, rgba(253,153,84,1) 20%, rgba(253,153,84,1) 40%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(210,97,163,1) 60%, rgba(210,97,163,1) 80%, rgba(163,0,97,1) 80%, rgba(163,0,97,1) 100%);
    min-width: 100%;
}

a:link {
    color: rgb(117, 160, 240);
  }
  
  /* visited link */
  a:visited {
    color: rgb(145, 102, 226);
  }