/* body */


main{
 /* background-color: #0f2b3b; */
  color: #ffffff;
  padding-bottom: 5%;
}

main div{
  border-radius: 20px;
}

nav{
  background-color:rgba(224, 249, 250, 0.95);

}
.navbar-light .navbar-nav .nav-link {
  color: #0f2b3b ;
  font-size: 18px;

}

.navbar-light .navbar-nav .nav-link:hover {
  color: #000000 ;
  text-shadow: 1px 1px 1px #363535;
}


/* headlines */
.jumbotron {
  text-align: center;
  color: #ffffff;
  background-color: rgb(0, 0,0,0);
  margin-bottom: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
  }

/* content */
.content-class{
  background-color: rgb(255, 255,255,0.90);
  color: #0f2b3b;
  border-radius: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
}

/* #regtext{
  margin-bottom: -40px;
} */

/*  buttons */
.btn{
  border-radius: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.btn-primary{
  color: #113a52;
  background-color: #f1d477;
  border:0px;
  
}

.btn-primary:hover{
  color: #f1d477;
  background-color: #113a52;
  border-color: #113a52;
  
}

.btn-link {
  font-weight: 400;
  color: #276e97;
  text-decoration: none;
}

.btn btn-primary{
  color: #113a52;
  background-color: #f1d477;
  border-color: #113a52;
  
}
.btn btn-primary:hover{
  color: #f1d477;
  background-color: #113a52;
}
.btn-success {
  color: #f1d477;
  background-color: #113a52;
  border-color: #113a52;
  
}

.btn-success:hover {
  color: #0f2b3b;
  background-color: #f1d477;
  border-color: #0f2b3b;
  
}

#home_button:hover {
  color: #f1d477;
  background-color: #0f2b3b;
  border-color: #96e6fa;
  
}

#home_button {
  color: #0f2b3b;
  background-color: #f1d477;
  border-color: #0f2b3b;
  
}

/* Excel btn*/

.btn-outline-success:hover {
  color: #146828;
  text-shadow: 1px 1px 1px #146828;
}
  
.page-link{
  color: #f1d477;
  background-color: #113a52;
  border:0ch;
}

.page-link:active{
  color: #113a52;
  background-color: #f1d477;
  border-color: #113a52;
}
.page-item.active .page-link {
  color: #113a52;
  background-color: #f1d477;
  border:0ch;
}

/* table */
body table{
  border-radius: 5px;
}
.table-responsive {
  overflow-y: visible;
}


/* form */
form{
  padding-top: 20px;
  margin-bottom: 0px;
}

/* home page */

#leftpic{
 
  color: #ffffff;
  border-radius: 80px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 22px;

}

#ceneterpic{
 
  color: #ffffff;
  border-radius: 80px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 22px;
  
}

#rigthpic{

  color: #ffffff;
  border-radius: 80px;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 22px;
}

.marketing .rounded-circle {
  background-color: #fafafa;
}

.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
  text-align: center;
}
.marketing h2{
  font-size: 40px;
}
h3{
  font-size: 40px;
  margin-bottom: 20px;;
}

#hometext{
  font-size: 26px;
  text-align: right;
  line-height: normal;
}

.imageOnSite{
  position: relative;
  right: 0px;
  top: 0px;

}

/* ------- end body -------- */


/* -------  footer -------- */

body {
  /* background-color: #0f2b3b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%231b4c69' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2351550a'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
  */
  background-color: #0f2b3b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%231b4c69' stroke-width='1'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%2324898f'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
  position: relative; 
  min-height: 76vh;
}

footer{
  padding-top: 1%;
  background-color:  rgb(182, 234, 252);
  color: #0f2b3b;
  position: absolute;
  bottom: 0;
  width: 100%;
  max-height: 2.5rem; 
  margin-top: 5%;
  
}

footer div{
    padding-left: 6%;
    padding-right: 6%;
    background-color:  rgb(182, 234, 252);
  
}

footer div a{
  color: #0f2b3b;

}
footer div h5{
  color: #000000;

}
footer div h4{
  color: #000000;

}