body{background: black;}

a:link {color:white; text-decoration : none;}
a:visited {color:white;text-decoration : none;}
a:active {color:white;text-decoration : none;}
a:hover {color:white; text-decoration : none;}

.ia
{
  position:relative;
  top:20px;
  width:1000px;
  height:850px;
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  text-align:left;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  overflow:auto;
  font-size:20px;
  background: white
}

.ia_t
{
 position:relative;
 top:10px;
 width:950px; 
 height:120px;
 font-size:30px;
 font-weight:bold;
 font-style:italic;
 background:#3980dc;
 color:white; 
 border-radius:10px;
}

.deco
{
position:relative;
top:40px;
width:100%;
height:40px; 
}

.ia_image  {width:70px;transform:rotateY(180deg);animation: rotate_image 30s linear infinite;}
@keyframes rotate_image {0%   {transform: rotate(0deg);}  100% {transform: rotate(360deg);} }

.liste {font-size:15px;color:white;font-weight:100}
.pp {font-size:16px;font-weight:100}
.pp:hover{font-size:19px;background: black;padding:5px;border-radius:8px}

.winref, .logaib, .maplocator, .nettest, .qol, .hmap, .cw, .qo100
{
  position:relative;
  left:60px;
  width:800px;
  color:black
}

.winref {top:100px;}
.logaib {top:130px;}
.maplocator {top:140px;}
.nettest {top:160px;}
.qol {top:200px;}
.hmap {top:250px;}
.cw {top:300px;}
.qo100 {top:340px;}

.winref_t, .logaib_t, .logaib_m, .nettest_t, .qol_t, .hmap_t, .cw_t, .qo100_t
{color:blue;font-size:22px;font-weight:bold;  text-decoration: underline}

.nota
{
  position:relative;
  top:360px;
  left:70px;
  width:800px;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  padding:10px 10px 10px 10px;
  text-align:center;
  font-size:16px;
  color:white;
  font-style:italic;
  background: black;
}
.bpage
{
  position:relative;
  top:370px;
  left:70px;
  width:800px;
  height:30px;
}
/*
.ia_info 
{
position: absolute;
  top:-10px;
  left:240px;
  width:400px;
  height:180px;
  background:  #2c3ec4;;
  border-radius:15px;
  cursor:pointer;
  transform:rotate(-5deg);
z-index:10
}
*/
.ia_info 
{
position: absolute;
  top:190px;
  width:250px;
  height:100px;
  left:0px;
  margin-left:auto;
  margin-right:auto;
  background:  #2c3ec4;;
  border-radius:15px;
  cursor:pointer;
  transform:rotate(0deg);
z-index:10
}
.ia_txt 
{
position: absolute;
  top:10px;
  left:00px;
  width:200px;
  height:30px;
  background: #2c3ec400;
  color:white;
font-family:Commissioner;
font-size:18px;  
font-style:italic;
}
.ia_img
{
  position: absolute;
  top:25px;
  left:140px;
  width:150px;
  height:150px;
}
.ia_logo {width:50px;height:50px;transform:rotateY(180deg);animation: rotate_logo 30s linear infinite}


@keyframes rotate_logo {0%   {transform: rotate(0deg);}  100% {transform: rotate(360deg);} }
.lnta:hover{background:blue;padding-left:15px;padding-right:15px;border-radius:5px}
.qst{color:yellow
}