@import url(../css/card.css);
*{
    box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    
    body{
        background-color: antiquewhite;
    }
    
    .layout{
        height: 100vh;
        display:grid;
        grid-template-columns:auto;
        grid-template-areas: 
        "header header"
        "sidebar main"
        "footer footer";
    }
    header{
        text-align: center;
        border: 2px ridge mediumorchid;
        grid-area: header;
        
    }
    .sidebar{
        border: 2px ridge mediumorchid;
        grid-area: sidebar;
    }
    .sidebar-blockquote {
        background-color: mediumorchid;
        border-left: 5px solid #ccc;
        font-style: italic;
        
    }
    .navbar li{
        text-align: center;
        margin-bottom: 30%;
        font-size: 22px;
        padding: 5px;
    }
    main{
        border: 2px ridge mediumorchid;
        grid-area: main;
        display: flex;
        justify-content:center ;
    }
    footer{
        text-align: center ;
        border: 2px ridge mediumorchid;
        grid-area: footer;
    }
    .grid-container{
        display:flex;
        flex-direction:column;
        align-items: center;
    }