/* Palette generated by Material Palette - materialpalette.com/deep-orange/blue-grey */

.dark-primary-color    { background: #E64A19; }
.default-primary-color { background: #FF5722; }
.light-primary-color   { background: #FFCCBC; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #607D8B; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}


body{
    background-image: url('http://janaus.com/images/h.gif');
    background-size: cover;
}

.button1 {
    background: transparent;
    padding:65px 50px;
    border: none !important;
    position:absolute;
    transition: .5s ease;
    top: 335px;
    left: 275px;  
    transform:rotate(9.5deg);   
    font-family: Pangolin;
    font-size: 20px;
    
}

.rain {
    background: transparent;
    padding:140px 265px;
    border: none !important;
    position:absolute;
    transition: .5s ease;
    top: 390px;
    left: 700px;  

}

.yt {
    background: transparent;
    padding:120px 110px;
    border: none !important;
    position:absolute;
    transition: .5s ease;
    top: 380px;
    left: 1600px;  
    transform:rotate(-4deg);
}

.reddit {
    background: transparent;
    padding:95px 100px;
    border: none !important;
    position:absolute;
    transition: .5s ease;
    top: 520px;
    left: 235px;  
    
}

.bar{
  margin-left: 410px;
  margin-top: 360px;
}