body {margin: auto;
  text-align: center;
  font-family: 'Cabin',sans-serif;
background-color: honeydew}


h1 {color: #66bfbf; margin: 50px auto 50px auto; font-family: 'Rock Salt', cursive;}

h2 {font-family: 'Montserrat', sans-serif;
margin: 50px auto 50px auto;
font-weight: bold; font-size: 3rem; text-align: center; color: grey;}

h3 {font-family: 'Montserrat', sans-serif;
font-weight: bold; font-size: 2rem; text-align: left; color: grey;}

h4 {font-family: 'Montserrat', sans-serif; font-size: 1rem; color: grey;}

p {text-align:justify;
width:
font-size: 1rem;
margin: auto;
line-height: 1.5;
color: grey;}

a {margin: 0 10px;}
.copyright {margin-top: 50px; font-family: 'Cabin',sans-serif; font-size: .8rem;}

hr {background-color: none;
border-style: none;
border-top: dotted;
border-color: grey;
border-width: 5px;
width: 5%;
height: 0px;
margin: 100px auto 100px auto; }

.text-group {background-color: none;
margin: auto;
width: 80%; }
.mountain-img {background-color: none;
  margin: 100px auto -5px auto;
  width: 35%;}

.white-background {background-color: white; padding-top: 20px; padding-bottom: 50px; margin-bottom: 100px;}

.skills-row {margin: auto;
}


.profile-img {
  width: 15%;
  border-radius: 50%;
box-shadow: 5px 5px 10px grey;
margin-top: 100px;
}

.computer-img {
  width: 15%;
    border-radius: 50%;
    margin: 100px auto 50px auto;
    box-shadow: 5px 5px 10px grey;

}

.graces-img {
  width: 15%;
    border-radius: 50%;
    margin: 100px auto 100px auto;
    margin-bottom: 50px;
        box-shadow: 5px 5px 10px grey;
}

.london-img {
  max-width:80%;
      height:auto;
      margin-top: 100px;
    margin-bottom: 50px;
}

.peggy-img {
  max-width:80%;
      height:auto;
      margin-bottom: 50px;
}

.wexford-img {
  max-width:80%;
      height:auto;
      margin-bottom: 50px;
}

.guitar-img {
  max-width:80%;
      height:auto;
      margin-bottom: 50px;
}



.cloud1 {
  position:relative;
margin: auto;
padding-left: 400px;
  top: 50px;
  right: 0%;

}

.cloud2 {
  position:relative;
  margin:auto;
  top: 50px;
  right: 20%;

}

.btn {
  background: #11cdd4;
  background-image: -webkit-linear-gradient(top, #11cdd4, #211999e);
  background-image: -moz-linear-gradient(top, #11cdd4, #211999e);
  background-image: -ms-linear-gradient(top, #11cdd4, #211999e);
  background-image: -o-linear-gradient(top, #11cdd4, #211999e);
  background-image: linear-gradient(to bottom, #11cdd4, #211999e);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.btn:hover {
  background: #30eecb;
  background-image: -webkit-linear-gradient(top, #30eecb, #2bc4ad);
  background-image: -moz-linear-gradient(top, #30eecb, #2bc4ad);
  background-image: -ms-linear-gradient(top, #30eecb, #2bc4ad);
  background-image: -o-linear-gradient(top, #30eecb, #2bc4ad);
  background-image: linear-gradient(to bottom, #30eecb, #2bc4ad);
  text-decoration: none;
}

.bottom-container {background-color: pink; padding: 50px 0 20px;}