@import url('https://fonts.googleapis.com/css?family=Signika&display=swap');
#container{
    width: 1200px;
    padding: 0px;
    background-color: white;
    margin: auto;
    border:9px solid #7f7a7a;
}

#menu{
    font-family: 'Raleway', sans-serif;
    background-color:#61d3b2;
    height: 50px;
    padding: 5px;
}

#menu a{
    text-decoration:none;
    color: #000000;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    line-height: 51px;
}

#menu a:hover{
    border-top: 3px dashed #ffffff;
    border-bottom: 3px dashed #ffffff;
}
#content{
    padding: 15px;
    margin: 5px;
    color: black;
}

 .info{
    background-color: #fdf07d;
    padding: 10px;
}

#header{
    height: 300px;
    width: 1200px;
    background-image: url(https://codehs.com/uploads/ac6cba0ff467a6c7aa46b7deb736bd5e);
}
h1{
    font-size: 30px;
}
body{
    background-image: url(https://codehs.com/uploads/0d4ed8e83f914e535ef4ddfea93ab42d);
    font-family: 'Signika', sans-serif;
}

.image{
text-align: center;
background-color: white;
}

img{
    height: 350px;
    width: 380px;
}
.row img{
    height: 400px;
    width: 320px;
}
.column{
    float:left;
    padding: 10px;
}

.column.left{
    width: 48%;
    float: left;
    background-color:#f94fe8;
    text-align: center;
}

.column.right{
    width: 48%;
    float: right;
    text-align: center;
    background-color: #663b73;
}

.row:after{
    content: "";
    display: table;
    clear: both;
}
 .column.left2{
      width: 48%;
    float: left;
    background-color:#fbf68c;
    text-align: center;
}

.column.right2{
    width: 48%;
    float: right;
    text-align: center;
    background-color: #61d3b2;
}

.footer{
    background-color:#61d3b2 ;
    text-align: center;
    padding: 0px;
    margin: 0px;
    height: 50px;
    width: 100%;
    line-height: 51px;
}