.contact:visited {
color:#999999;
}

.contact {
  color:black;
  text-decoration: none;


}

.contactContainer {
  margin-top: 20px;
}

.happy-pane-tutorial-icons-container {
  display: flex;
  flex-direction: row;
  width:100%;
  justify-content: center;
  margin-top:20px;
}

.happy-pane-tutorial-icons img {
  height:65px;
}

.happy-pane-tutorial-icons {
  display: flex;
  flex-direction: column;
  font-size:.95rem;
  justify-content: center;
  font-weight:100;
  margin-left:10px;
  margin-right:10px;
}

.happy-pane-try {
  margin-top:10px;
  font-weight:100;
  font-style:italic;
  font-size:1rem;
}

.happy-pane-title {
  font-size:3rem;
}
.happy-pane-description {
  font-weight:100;
  margin-top:10px;
}

.happy-video-tutorial-container {
  display:flex;
  align-items: center;
  justify-content: center;
  margin-top:10px;
}

.happy-pane-close a:hover {
  cursor:pointer;
}

.happy-pane-close a {
  color:white;
  font-size:1rem;
}

.happy-start-button:hover {
  cursor:pointer;
}

.happy-pane-start {
  width:150px;
  height:90px;
  font-size:3rem;
  display:flex;
  justify-content: center;
  width:100%;
  margin-top:10px;
}

.happy-pane-close {
  width:100%;
  text-align: right;
  margin-right:25px;
  margin-bottom:35px;
}

.happy-pane-content {
  padding:1%;
  width:65%;

}

.happy-pane-container {
  width:100vw;
  height:100vh;
  transition:.5s;
  display:flex;
  justify-content: center;

}

.happy-pane-1 {
  background-color: rgb(27, 114, 177);
  height:100vh;
  color:white;
  position:fixed;
  top:100vh;

}

.happy-pane-2 {
  background-color: rgb(162, 128, 130);
  height:100vh;
  color:white;
  position:fixed;
  top:100vh;

}

.happy-pane-3 {
  background-color: rgb(32, 205, 128);
  height:100vh;
  color:white;
  position:fixed;
  top:100vh;

}

.happy-pane-4 {
  background-color: rgb(125, 125, 125);
  height:100vh;
  color:white;
  position:fixed;
  top:100vh;

}

.happy-pane-5 {
  background-color: rgb(27, 114, 177);
  height:100vh;
  color:white;
  position:fixed;
  top:100vh;

}

.happy-pane-6 {
  background-color: rgb(27, 114, 177);
  height:100vh;
  color:white;
  position:fixed;
  top:100vh;

}

.happy-pane-7 {
  background-color: rgb(27, 114, 177);
  height:100vh;
  color:white;
  position:fixed;
  top:100vh;

}

.happy-splash {
  margin-top:15px;
  width:100%;
  display:flex;
  justify-content: center;
  align-items: center;
}

.happy-nav-menu-options a:hover {
  border-bottom:1px solid white;
  transition:.5s;
}

.happy-nav-menu-options a {
  color:white;
  text-decoration: none;
  transition:.35s;
  border-bottom:1px solid transparent;
  font-size:1rem;
}

.happy-nav-menu-options {
  margin-left:25px;
  display:flex;
  align-items: center;
  flex-direction: row;
  margin-bottom:5px;
}



.happy-splash img {
  height:400px;

}

.happy-nav-menu-icon {
  height:20px;
  font-size:1.25rem;
  margin-right:7px;
  display:flex;
  align-items: center;
  justify-content: center;
  width:20px;
}

.happy-nav-bars-close a {
  color:white;
}

.happy-nav-bars-close a:hover {
  transition: .5s;
  border-bottom:1px solid white;
  cursor: pointer;
}

.happy-nav-bars-close {
  font-size:1rem;
  text-align: right;
  margin-right:15px;
  margin-top:20px;
  margin-bottom:15px;
  border-bottom:1px solid transparent;
}

.happy-nav-bars-on {
  color:white;
  width:100%;
  text-align: right;
  padding-right:20px;
  padding-top:15px;
}

.happy-nav-menu-show {
  left:0px;
  top:0px;
  width:300px;
  background-color:rgb(48, 48, 48);
  position:fixed;
  transition:.5s;
  color:white;
  font-weight:300;
  height:100vh;
  z-index:100;
}

.happy-nav-menu-hide {
  left:-300px;
  top:0px;
  width:300px;
  background-color:rgb(48, 48, 48);
  position:fixed;
  transition:.5s;
  color:white;
  font-weight:100;
  height:100vh;
  z-index:100;
}

.happy-top-nav i:hover{
  color:#0a66e0;
  transition:.25s;
  cursor:pointer;
}

.happy-top-nav {
  margin-bottom:5px;
  margin-left:25px;
}

.happy-section-list {
  font-size:4rem;
  margin-right:15px;
  background-color: rgba(0, 0, 0, .15);
  height:120px;
  width:120px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.happy-section-container a {
  color:white;
}

.happy-section-label img {
  height:50px;
  margin-left:35px;
}



.happy-section-label {

  display: flex;
  align-items: center;
  font-weight:100;
  transition:.5s;
}

.happy-section-container:hover {
  cursor: pointer;
}

.happy-section-container {
  width:100%;
  font-size:1.15rem;
  display:flex;
  justify-content: center;
  color:white;
}

.happy-button-1 {
  border-radius: 5px;
  background-color:rgba(0,0,0,.15);
  padding:25px;
  margin-right:10px;
  margin-left:10px;
  transition:.5s;
  font-size:1rem;
}

.happy-button-1:hover {
  transition:.5s;
  background-color:rgba(0,0,0,.45);
  color:white;
  cursor: pointer;
}

.happy-row {
  display:flex;
  flex-direction: row;
}

.happy-button-container {
  width:100%;
  font-size:1.15rem;
  display:flex;
  justify-content: center;
  color:black;
  margin-top:25px;
}

.happy-section-content-show {

  width:100%;
  position:relative;
  left:0%;
  transition:.5s;
  display:flex;
  flex-direction: row;
  align-items: center;
}

.happy-section-1-content-hide {
  display:none;
}

.happy-section-1, .happy-section-2, .happy-section-3, .happy-section-4, .happy-section-5, .happy-section-6, .happy-section-7,
.happy-section-8, .happy-section-9, .happy-section-10 {
    transition:.5s;
    font-size:2rem;
}

.happy-section-1 {

  background-color: rgb(27, 114, 177);
}

.happy-section-2 {

  background-color: rgb(162, 128, 130);
}

.happy-section-3 {

  background-color: rgb(32, 205, 128);
}

.happy-section-4 {

  background-color: rgb(125, 125, 125);
}

.happy-section-5 {

  background-color: rgb(182, 107, 182);
}

.happy-section-6 {

  background-color: rgb(156, 161, 172);
}

.happy-section-7 {

  background-color: rgb(204, 163, 67);
}

.happy-section-8 {

  background-color: rgb(109, 147, 147);
}

.happy-section-9 {
  background-color: rgb(213, 69, 95);
}

.happy-section-10 {
  background-color: rgb(138, 150, 134);
}

.happy-section-1:hover {
  transition:.5s;
  background-color: rgb(27, 93, 140);
}

.happy-section-2:hover {
  transition:.5s;
  background-color: rgb(121, 96, 97);
}

.happy-section-3:hover {
  transition:.5s;
  background-color: rgb(82, 135, 111);
}

.happy-section-4:hover {
  transition:.5s;
  background-color: rgb(84, 83, 83);
}

.happy-section-5:hover {
  transition:.5s;
  background-color: rgb(122, 71, 122);
}

.happy-section-6:hover {
  transition:.5s;
  background-color: rgb(98, 105, 120);
}

.happy-section-7:hover {
  transition:.5s;
  background-color: rgb(148, 119, 53);
}

.happy-section-8:hover {
  transition:.5s;
  background-color: rgb(77, 111, 111);
}

.happy-section-9:hover {
  transition:.5s;
  background-color: rgb(140, 47, 64);
}

.happy-section-10:hover {
  transition:.5s;
  background-color: rgb(66, 73, 64);
}


.happy-angle-right {
  font-size:5rem;
}

.happy-home-spacer-l {
  margin-top:45px;
}

.happy-home-spacer {
  margin-top:25px;
}

.happy-home-spacer-s {
  margin-top:15px;
}

.happy-home-img-container {
  width: 100%;
  display:flex;
  justify-content: center;
  align-items: flex-start;

}

@keyframes happy-key-fade-in {
  from {
    opacity:0;
  }
  to {
    opacity:1;
  }
}

.happy-fade-in {
  animation-name: happy-key-fade-in;
  animation-duration: 1s;
}

.happy-fade-in-fast {
  animation-name: happy-key-fade-in;
  animation-duration: .5s;
}

.happy-home-text {
  color:#303030;
  text-align: center;
  width:100%;
}

.happy-home-intro {
  font-size:5rem;
  font-weight:100;
}

.happy-home-container {
  width:100%;
  height:100vh;
  margin:0 auto;
  padding:0;
  display:flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;

}



a:hover {
  transition: .25s;
  /*border-bottom:1px solid #0a66e0;*/
}

a {
  text-decoration: none;
  transition: .25s;
  color:#0a66e0;
}

body {
  margin: 0 auto;
  padding:0;
  font-family: 'Roboto', sans-serif;
  font-weight:300;
  font-size:20px;
}

* {
  box-sizing: border-box;
}