body {
    background-color:gainsboro;
}

.background {
    width:940px;
    height:1300px;
    margin:0 auto;
    padding-top:10px;
}

.about {
    width:930px;
    height:300px;
    background-color:Gainsboro;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}

.about_photo {
    width:220px;
    height:280px;
    margin-top:10px;
    margin-left:5px;
}

.about_text {
    width:700px;
    height:280px;
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.about_text_main {
    width:700px;
    height:195px;
    margin-top:5px;
}

.about_text_contacts {
    width:700px;
    height:70px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.about_text_contacts_item_long {
    width:180px;
    height:65px;
    margin-top:3px;
    margin-right:15px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.about_text_contacts_item_long_item {
    width:180px;
    height:30px;
    margin-right:25px;
    
}

#contacts_text {
    text-align:center;
    margin-top:5px;
    font-size:13px;
}

.about_text_contacts_item_short {
    width:65px;
    height:65px;
    margin-top:3px;
    margin-right:3px;
}

.reel {
    width:640px;
    height:360px;
    background-color:white;
    margin:10px auto;
}

.portfolio {
    width:920px;
    height:600px;
    background-color:gray;
    margin:10px auto;
    padding-left:15px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.portfolio_buttons {
    width:850px;
    margin:0 auto;
}

.portfolio_grid {
    overflow-y: scroll;
    width:930px;
    height:550px;
}

.portfolio_grid_item {
    width:290;
    height:163;
    float: left;
    display: none;
    margin:5px;
}

.show {
  display: block;
}

.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Add a light grey background on mouse-over */
.btn:hover {
  background-color: #ddd;
}

/* Add a dark background to the active button */
.btn.active {
  background-color: #666;
  color: white;
}body {
    background-color:gainsboro;
}

/*
.background {
    width:940px;
    height:1300px;
    margin:0 auto;
    padding-top:10px;
}

.about {
    width:930px;
    height:300px;
    background-color:Gainsboro;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}

.about_photo {
    width:220px;
    height:280px;
    margin-top:10px;
    margin-left:5px;
}

.about_text {
    width:700px;
    height:280px;
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.about_text_main {
    width:700px;
    height:195px;
    margin-top:5px;
}

.about_text_contacts {
    width:700px;
    height:70px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.about_text_contacts_item_long {
    width:180px;
    height:65px;
    margin-top:3px;
    margin-right:15px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.about_text_contacts_item_long_item {
    width:180px;
    height:30px;
    margin-right:25px;
    
}

#contacts_text {
    text-align:center;
    margin-top:5px;
    font-size:17px;
}

.about_text_contacts_item_short {
    width:65px;
    height:65px;
    margin-top:3px;
    margin-right:3px;
}

.reel {
    width:640px;
    height:360px;
    background-color:white;
    margin:10px auto;
}

.portfolio {
    width:930px;
    height:600px;
    background-color:gray;
    margin:10px auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.portfolio_buttons {
    width:850px;
    margin:0 auto;
}

.portfolio_grid {
    overflow-y: scroll;
    width:930px;
    height:550px;
    
    
}

.portfolio_grid_item {
    width:290;
    height:163;
    float: left;
    display: none;
    margin:5px;
}

.show {
  display: block;
}

.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

/* Add a light grey background on mouse-over */
.btn:hover {
  background-color: #ddd;
}

/* Add a dark background to the active button */
.btn.active {
  background-color: #666;
  color: white;
}