html {
    background-image: url(../Documents/unique.jpg);
    background-repeat: repeat-x;
    background-size: 125%;
}

h1{
    background: blueviolet;
    text-shadow: 5px black;
    color:white;
    text-align: center;
    font-style: bold;
    font-size: 200%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

h2{

    background-color: yellow;
    color: teal;
    text-align: center;
    text-shadow: 5px black;
    margin-top: -20px;
}


footer {
    text-align: center;
    background: blueviolet;
    color: white;
    text-shadow: black;
    padding-bottom: 10px;
    
ul {
    color:blue;
    
    font-size: 150%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
li{
    color:blue;
    
    font-size: 100%;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
}

img {
    max-width: 100%;
    height: auto;
}



.grid{
    margin: 15px;;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    align-items: center;
    transition: 2s;
   
}

button{
    width: 90px;
    height: 30px;
    background-color:lightslategrey;
    color: white;
    text-shadow: 15px black;
    text-align: center;
    border-radius: 5px;
    box-shadow: inset 0 0 0 0  blue;
    transition: ease-out 0.5s;
    font-size: 1rem;
    outline: chocolate;
}
button:hover{
    box-shadow: inset 90px 0 0 0  yellow;
    cursor: pointer;
    color: chocolate;
}

.grid-b{
    
    margin: 5px;;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    align-items: center;
    transition: 2s;
}

h6 {
    text-align: center;
    margin-top: 20px;
    font-size: 80%;
}