h2{
            font-weight: bold;
        }
       
        .grad1{
            background-image: linear-gradient(to bottom,white,#66c2ff)
        }
        
        .slideshow-container {
            
            
 
  background: white;
}
        
        
        @import url(https://fonts.googleapis.com/css?family=Open+Sans:600);

body { 
  font-family: 'Open Sans', 'sans-serif';
  color: black;
  background: white;
  
}

.item-1, 
.item-2, 
.item-3 {
	position: absolute;
  display: block;
	top: 2em;
    text-align: center;
  
  width: 78%;
  
  font-size:1.2em;

	animation-duration: 10s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}

.item-1{
	animation-name: anim-1;
}

.item-2{
	animation-name: anim-2;
}



@keyframes anim-1 {
	0%, 8.3% { left: -40%; opacity: 0; }
  8.3%,25% { left: 12%; opacity: 1; }
  33.33%, 100% { left: 20%; opacity: 0; }
}

@keyframes anim-2 {
	0%, 33.33% { left: -40%; opacity: 0; }
  41.63%, 58.29% { left: 12%; opacity: 1; }
  66.66%, 100% { left:20%; opacity: 0; }
}


        
        
        
        
        
        

/* Slides */
.mySlides {
  display: none;
  padding: 50px;
  text-align: center;
    
}


/* The dot/bullet/indicator container */
.dot-container {
    text-align: center;
    padding: 0px;
    background: white;
    
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}
        .slider{
            font-family: verdana; 
            
            height: 400px;
            margin:auto;
            
            background-image: linear-gradient(to bottom,white,#66c2ff);
            border:2px solid #0066ff;
            
            border-radius: 0px;
            padding-top:40px;
            padding:10px;
        }
#asklogin{
    color:blue;
}
.buy,#login,.signup{
   background:  #0066ff;
    border:0px;
    color:white; 
}
.buy:hover{
    background:  white;
    color:#0066ff;
    border:1px solid #0066ff;
  
}

.signup:hover{
    background:  white;
    color:#0066ff;
    border:1px solid #0066ff;
  
}
.jumbotron{
    background-image: linear-gradient(to bottom,white,#66c2ff);
}
        #fixdiv{
           font-size: 12px;
            font-family:verdana; 
            max-width:77%;
            background-image: linear-gradient(to bottom,#0080ff,#b3d9ff,  #0080ff);
            position: relative;
            left:15%;
            padding:10px;
            font-weight: bold;
            border-radius: 0px;
            border:1px solid #0066ff; 
            color:black;
        }