html {
  scroll-behavior: smooth;
}

.layout {
  font-family: "Lucida Console", monospace;
  width: 1000px;
  display: grid;
  grid-template: "myHeader myHeader myHeader" auto "leftSidebar main main" auto "footer footer footer" / 200px auto auto;
}

.container {
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: stretch;
    padding-inline: 5px;
    
}

.coll {
  
    text-align: center;
    border: 2px solid #000000;
    padding:5px;
    border-radius: 10px;
    margin: auto;
    background-color: #F0F0EE;
    
}