* {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
h1{
    font-size: 45px;
    color:whitesmoke;
    text-align: center;
}
h2{
    font-size: 30px;
}

article {
    text-align: center !important;
    color:aliceblue;
    background-color: rgb(33, 32, 32);
    border:solid 2px black;
    border-radius: 20px;
    padding: 0 20px;
    font-size: 23px;}

nav a{
    font-size: 25px;
    padding: 0 30px;
    text-decoration: none;
    color:aliceblue;
    font-variant: small-caps;
    flex: 1;
    background-color: #333;
    border: 1px solid;
    padding: 0.5rem;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease-out;
}
nav {
    display: flex;
    gap: 0.5rem;
  }
  

  
a:hover,a:focus {
    background-color: aliceblue;
    color: #333;
}


.blocks{
    padding-bottom:20px;
    margin:5% !important;
}
.left{
    width:40%;
    float:left;
}
.right{
    width:40%;
    float:right;
}

html { 
    background: url(../media/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }