*,
:after,
:before {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    font-size: 100%;
    background-color: #332E29;
}

body {
    text-align: center;
    font-family: "Poppins", sans-serif;
    max-width: 100%;
    min-height: 100vh;
    height: auto;
    letter-spacing: 0.1em;
}

h1 {
    color: white;
}

h2 {
    color: white;
}

hr {
    border-style: none;
    border-top-style: dotted;
    border-color: rgb(196, 196, 196);
    border-width: 5px;
    width: 100px;
}


/**********CLASS SELECTORS**********/

.logo {
    width: 150px;
    height: 150px;
    display: block;
    margin: 35px auto;
    border-radius: 100%;
}

.links {
    display: block;
    max-width: 550px;
    margin: 0 auto 15px;
    margin-bottom: 5px;
    padding: 15px 20px;
    font-size: 0.95rem;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    color: black;
    border-radius: 10px;
    cursor: pointer;
}

.links .links:hover {
    animation: pulse 0.5s;

}

@keyframes pulse {
    from {
      transform: scale3d(1, 1, 1);
    }
  
    50% {
      transform: scale3d(1.1, 1.05, 1.08);
    }
  
    to {
      transform: scale3d(1, 1, 1);
    }
  }

.links .links_first {
    border-bottom: 3px solid #80d6ff;
    box-shadow: inset 0 -4px 0 #80d6ff;
    border: 2px solid #80d6ff;
    background-color: #80d6ff;
}

.links .links_second {
    border-bottom: 3px solid #ffa093;
    box-shadow: inset 0 -4px 0 #ffa093;
    border: 2px solid #ffa093;
    background-color: #ffa093;
}

.links .links_third {
    border-bottom: 3px solid #bedde8;
    box-shadow: inset 0 -4px 0 #bedde8;
    border: 2px solid #bedde8;
    background-color: #bedde8;
}

.links .links_fourth {
    box-shadow: inset 0 -4px 0 #73e2a7;
    border: 2px solid #73e2a7;
    background-color: #73e2a7;
}

.links .links_fifth {
    border-bottom: 3px solid #ffc15e;
    box-shadow: inset 0 -4px 0 #ffc15e;
    border: 2px solid #ffc15e;
    background-color: #ffc15e;
}

.channels {
    display: flex;
    justify-content: space-evenly;
    max-width: 400px;
    margin: 0 auto;
}

.channels .channels_item {
    margin-right: 5px;
    transition: transform 0.2s;
    text-decoration: none;
    color: inherit;
}

.channels_martin {
    color: #80d6ff
}

.channels_martin:visited {
    color: #80d6ff
}

.channels_rachel {
    color: #73e2a7
}

.channels_rachel:visited {
    color: #73e2a7
}


/*
.channels_item:hover {
  transform: scale(1.25) rotate(1turn);
  transition: transform 1.5s;
}
*/


/**********ID SELECTORS**********/


/*ID Selectors can only be ussed once per page*/


/*

#heading {
  color: blue
}

*/

svg.icon {
    height:60px;
    width: 60px;
    
}

svg.icon:hover {
    animation: pulse 0.5s;
}