body{ background-color: #E7F7FA;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg fill-opacity='0.97'%3E%3Ccircle fill='%23E7F7FA' cx='50' cy='0' r='50'/%3E%3Cg fill='%23e2f5f8' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23dcf3f7' cx='50' cy='100' r='50'/%3E%3Cg fill='%23d7f1f5' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%23d2eff4' cx='50' cy='200' r='50'/%3E%3Cg fill='%23ccedf2' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%23c7ebf0' cx='50' cy='300' r='50'/%3E%3Cg fill='%23c1e9ee' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%23bce7ed' cx='50' cy='400' r='50'/%3E%3Cg fill='%23b6e5eb' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%23b0e3e9' cx='50' cy='500' r='50'/%3E%3Cg fill='%23abe1e7' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%23a5dfe5' cx='50' cy='600' r='50'/%3E%3Cg fill='%239fdde3' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%2399dbe1' cx='50' cy='700' r='50'/%3E%3Cg fill='%2393d9df' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%238dd7dd' cx='50' cy='800' r='50'/%3E%3Cg fill='%2387d5db' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%2380d3d8' cx='50' cy='900' r='50'/%3E%3Cg fill='%237ad1d6' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%2373CFD4' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: contain;
padding: 190px 0 0}




body:before{background: url(xt.jpg?121)no-repeat 50% 0 ;
background-size: auto 100%;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 20px;
    min-height:160px;
    z-index: -2
}

.tablein tr th{      background: #a5e8e9;
    color: #008690;}

.tablein tr td {       background: #e7f8f9;
    color: #708e91;
}
section h3{       color: #008690;
    text-shadow: 3px 2px #9bdce2;}

section h3:before{     background: #03c1d0;
    box-shadow: 0 3px 5px #96e5ef;}

header .user{background: #008690;}
p.pbtn a, p.pbtn input{box-shadow: 3px 3px 0 #9fdde3;
    background: linear-gradient(0deg, #0f6f72 0%, #8ed7de 100%);}

p.pbtn a:hover, p.pbtn input:hover {
    background: linear-gradient(0deg, #8ed7de 0%, #0f6f72 100%);
}

 @media (max-width:750px) {
    body{    padding: 170px 0 0;}
    body:before{background-size:auto 90%;}
     header .user{    border-radius: 0;
     margin: 0; }

}