body{
    margin: 0;
    background-color: #a1b1c9;
    color: #394A63;
}

footer{
    color: white;
}

.navbar h1{
    text-align: center;
    color: white;
}

h1{
    text-align: center;
    color: #2b4670;;

}

p{
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    font-size: 20px;
}
iframe{
    width: 43%;
    height: auto;
    border: none;
    border-radius: 25px;
}

.iframe{
    display: flex;
    justify-content: center;

}
.gallery{
    text-align: center;
}

div.dogs{
    width: 200px;
    display: inline-block;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    margin-bottom: 25px;
}

div.container{
    text-align: center;
    padding: 10px 20px;
}
.english{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.french{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.navbar{
    overflow: hidden;
    background-color: #4f6d9c;
    display: flex;
    justify-content: center;
    border-style: solid;
    border-color: #2b4670;
    border-width: 3px
}

.navbar a {
  color: white;
  text-align: center;
  padding:  35px 50px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background-color: #8a9ebf;
  color: black;
}

.colorblock{
    width: 15%;
    height: 100px;
    display: inline-block;
    justify-content: center;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: white;
}

.ColorBlocks{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* #Happy{
    justify-content: center;
}
#Lucky{
    justify-content: center
} */

#Blue{
    background-color: #a1b1c9;
}
#Black{
    background-color: #262424;
}
#Pink{
    background-color: #e98596;
}
#Brown{
    background-color: #3d2828;
}