/******************TAG SELECTORS******************/

body{color: #40514E;
     margin: 0;
     border: 0;
     padding:0;
    font-family: 'Merriweather', serif;
    text-align: center;}
h1{ color: #66BFBF; font-weight: normal; line-height: 2;
    margin: 0;
    font-family: 'Sacramento', cursive;
    font-size: 562.5%;}
h2{color: #66BFBF; font-weight: normal; padding-bottom: 10px; font-family: 'Montserrat',sans-serif;}
h3{color: #11999E; font-weight: normal; font-family: 'Montserrat',sans-serif;}

p{line-height: 2;}
hr{border: dotted #1363DF 6px;
   border-bottom: none;
   width: 4%; margin: 100px auto;}
a{color: #11999e; font-family: 'Montserrat',sans-serif; margin: 10px 20px 10px; text-decoration: none;}
a:hover{color: #EAF6F6;}


/******************CLASS SELECTORS******************/
.first-container{padding: 20px; background-color:#DFF6FF; position: relative; padding-top: 100px;}
.second-container{margin: 100px 0;}
.bottom-container{background-color:#66BFBF; margin-top: 100px; padding: 20px 0 20px;}
.top-cloud{position: absolute; top: 50px; right: 300px;}
.bottom-cloud{position: absolute; bottom: 300px; left: 300px;}
.skill-row{width: 50%; margin:100px auto 100px; text-align: left;}
.code-img{margin-right: 30px; width: 25%; float: left;}
.AI-img{float: right; margin-left: 30px; width: 25%;}
.creative-writing-img{margin-right: 30px; width: 25%; float: left;}
.website-img{width: 25%;}
.intro{margin: auto; width: 30%;}
.copyright{color: #EAF6F6; font-size: 0.75rem; padding: 20px 0;}
.btn {
  background: #11cdd4;
  background-image: -webkit-linear-gradient(top, #11cdd4, #11999e);
  background-image: -moz-linear-gradient(top, #11cdd4, #11999e);
  background-image: -ms-linear-gradient(top, #11cdd4, #11999e);
  background-image: -o-linear-gradient(top, #11cdd4, #11999e);
  background-image: linear-gradient(to bottom, #11cdd4, #11999e);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  font-family: font-family: 'Montserrat',sans-serif;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

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