#wrapper{
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
    grid-template-rows: 139px 189px 600px 200px;
}
nav{
    grid-row: 1/2;
    grid-column: 3/-1;
    background-color: black;
    padding: 2rem;
}

nav a{
    padding:8%;
    color:white;
    text-decoration: none;
    font-size: 22px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: ease-out 0.2s;
}

header{
    grid-row: 1/3;
    grid-column: 1/3;
    background-color: black;
}

header a{
    color: white;
    text-decoration: none;
    font-size: 80px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
    margin:0px;
}



main {
    grid-row: 3/4;
    grid-column: 1/3;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 2;
    padding: 2rem;
    font-size: 15px
}

footer {
    grid-row: 4/5;
    grid-column: 1/-1;
    text-align: right;
    font-size:10px;
    padding-right: 20px;
    color:white;
    background-color: black;
}

nav a:hover{
    background-color: darkgrey;
}
.myslides{
    display: none;
}
.fade{
    animation-name: fade;
    animation-duration: 0.5s;
}
@keyframes fade{
    from {opacity: 0.5;}
    to {opacity: 1;}
}
.stupid{
    grid-column: 3/9;
    grid-row: 2/3;
}