.subs-button {
 background-color: rgb(200, 0, 0);
 color: white;
 font-weight: 550;
 border: none;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 16px;
 padding-right: 16px;
 border-radius: 2px;
 cursor: pointer;
 margin-left: 30px;
 transition: opacity 0.15s;
}

.subs-button:hover{
 opacity: 0.8;
}

.subs-button:active {
 opacity: 0.4;
}

.join-button {
 background-color: rgb(255, 255, 255);
 color: rgb(0, 89, 255);
 border-color: rgb(0, 89, 255);
 border-style: solid;
 border-width: 1px;
 padding-top: 9px;
 padding-bottom: 9px;
 padding-left: 16px;
 padding-right: 16px;
 border-radius: 2px;
 cursor: pointer;
 margin-left: 8px;

 transition: background-color 0.15s,
   color 0.5s;;
}

 .join-button:hover{
color: white;
background-color: rgb(0, 89, 255);
}

.join-button:active{
 opacity: 0.7;
}

.tweet-button {
background-color: rgb(0, 119, 255);
color: white;
border: none;
height: 36px;
width: 74px;
border-radius: 18px;
font-weight: bold;
font-size: 15px;
cursor: pointer;
margin-left: 8px;
transition: box-shadow 0.15s;
transition: opacity 0.15s;
}

.tweet-button:hover{
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}

.tweet-button:active{
 opacity: 0.7;
}

.try2catch{
 color: white;
 background-color: rgb(0, 133, 0);
 border: none;
 font-weight: bold;
 padding-top: 6px;
 padding-bottom: 6px;
 padding-left: 6px;
 padding-right: 6px;
 cursor: pointer;
 transition: padding 1s;
}

.try2catch:hover{
 padding-right: 20px;
 padding-bottom: 16px;
 padding-left: 20px;
 padding-top: 16px;
}

.hii1{
  font-family: Arial;
}

.hii2{
  font-family: Arial;
  font-size: 30px;
}

.hii3{
  font-family: Arial;
  font-size: 30px;
  font-weight: bold;
}

.hii4{
  font-family: Arial;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
}

.hii5{
  font-family: Arial;
  font-size: 30px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

.stop{
  text-align: center;
  width: 150px;
}

.stop1{
  font-size: 20px;
  font-weight: bold;
}

.youtube{
  width: 300px;
}

.vid-title{
  font-family: Arial;
  font-weight: bold;
  font-size: 18px;
  width: 280px;
  line-height: 24px;
  margin-bottom: 5px;
}

.views{
  font-family: Arial;
  font-size: 14px;
  color: rgb(96, 96, 96);
  margin-top: 0;
  margin-bottom: 20px;
}

.name{
  font-family: Arial;
  color: rgb(96, 96, 96);
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 20px;
}

.deskrep{
  font-family: Arial;
  font-size: 14px;
  color: rgb(96, 96, 96);
  width: 280px;
  line-height: 22px;
  margin-top: 0;
}

.apple{
  font-family: Arial;
  font-size: 14px;
  width: 550px;
  text-align: center;
  background-color: rgb(227, 65, 64);
  color: white;
  padding-top:18px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 18px;
}

.discord-link{
  text-decoration: none;
}

.discord-link:hover{
  text-decoration: underline;
}