title,h5 {font-family: 'Segoe UI';
margin-bottom: 0%;
}
body, html {height: 100%;
    margin: 2px;
  padding: 2px;
}
.bgimg {
  background-image: url('building.jpeg');
  /*background-repeat: no-repeat;*/
  min-height: 50%;
  min-width:100%;
  background-position: top;
  background-size: center;
}

.limg{
    border-radius:80%;
}

.dwhite{
  padding: 2px;
  margin: 2px;
}

.btn {
background-color:  #a64dff; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn:hover {
  background-color: royalblue;
  
}

.btn1 {
background-color:  red; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn1:hover {
  background-color: royalblue;
  
}

.btn2 {
background-color:  blue; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn2:hover {
  background-color: royalblue;
  
}

.btn3 {
background-color:  green; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn3:hover {
  background-color: royalblue;
  
}

.btn4 {
background-color:  yellow; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn4:hover {
  background-color: royalblue;
  
}

.btn5 {
background-color:  violet; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn5:hover {
  background-color: royalblue;
  
}

.btn6 {
background-color:  yellow; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn6:hover {
  background-color: royalblue;
  
}

.btn7 {
background-color:  black; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn7:hover {
  background-color: royalblue;
  
}

.btn8 {
background-color:  #ff9900; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn8:hover {
  background-color: royalblue;
  
}


.btn9 {
background-color:  #cc3300; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn9:hover {
  background-color: royalblue;
  
}


.btn10 {
background-color:   #99e600; 
  
  border: none;
  color: white;
  padding: 10px;
  margin: 3px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
   width:auto;
   height:100px;
}
  .btn10:hover {
  background-color: royalblue;
  
}










.wtest{
    font-family: 'Segoe UI';
    font-size: 40px; 
    padding-left: 80px;
    margin-top: 0%; 
}

#prog{
    border-radius:20px;
}