maintenance.css

body {
  font-family: "Lato", sans-serif;
}

td:not(.noProduct){
 
  transition: 0.3s;
  text-align: center;
  border-radius: 10px;
  box-shadow:  #CADCFC 0px 0px 7px ;
  text-decoration: none;
}
td:not(.text,.noProduct):hover{
  box-shadow:  #00246B 0px 0px 10px ;
  
  color:#8AB6F9;
}
.items a{
  text-decoration: none;
}
.items{
	float:left;
	margin-top:100px;
	margin-left: 20px;
  border-spacing: 300px;
  width: 900px;

}
body{
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.items th{
  text-align: left;
  font-size: x-large;
}

.items h1{
  margin-left: 20px;
  font-family: "Audiowide", sans-serif;
}

.sidenav {
  height: 100%;
  width: 230px;
  margin-top: 220px;
  z-index: 1;
  top: 250px;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  padding-top: 20px;
  margin-left: 50px;
  border-radius: 25px;
  float:left;
}

.sidenav a, .dropdown1 {
  padding: 10px 18px 16px 16px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}
.dropdown-container a{
  font-size: 15px;
}

.sidenav a, .dropdown2 {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.sidenav a, .dropdown-container a{
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.sidenav a:hover, .dropdown1:hover, .dropdown2:hover {
  color: #f1f1f1;
}

.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 8px;
}

.struct
{
    margin:auto;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    width: 1300;
   
}
.dis
{
    background-color: #00246B;
    border:2px solid #00246B;
}
.nav table
{
    margin:auto;
    border-radius: 25px;
    background-color: #CADCFC;
    font-size:20px;
}
.nav tr td:nth-child(6)
{
  padding-right: 50px;
}
.nav tr td:nth-child(7)
{
  padding-right: 20px;
}
.nav tr td:nth-child(8)
{
  padding-right: 35px;
}
.nav tr td:last-child
{
  padding-right: 35px;
}
.mySlides
{
  display: none;
  transition: width 1s, height 1s, background-color 1s;
  aspect-ratio: 3/2;
  object-fit: contain;
  
}
.coffer,.scat
{
  margin:0 162.5px;
}

.disp
{
  margin: auto;
  width:75%;
  background-color: #8AB6F9;
  height:40%;
}
.fade {
  animation-name:fade;
  animation-duration: 2.5s;
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
input[type="search"]
{
  border-style: none;
    margin: 0 auto;
    display: block;
    height:30px;
    width:200px;
    float: left;
    border-style: none;
    border-radius: 25px;
}
input[type="search"]::placeholder
{
  color:grey;

}
img[value="search"]
{ 
  width:20px;
  
}
button[value="sear"]
{
    margin: 0 ;
    height:30px;
    padding: 0px;
    width:30px;
    border-style: none;
    border-radius: 25px;
    background-color: white;
}
button[value="cart"]
{
  margin: 0 ;
  height:30px;
  padding: 0px;
  width:30px;
  border-style: none;
  background-color:transparent;
}
button[value="sear"]:hover
{
  cursor: pointer;
}

.search
{
  background-color: white;
  border-radius: 25px;
}
.logo
{
    font-family: fantasy;
}
.nav td a {
  display: block;
  color: #00246B;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  border-radius: 25px;
  transition: background-color 1s;
}

.nav td a:hover {
  background-color:#8AB6F9 ;
  border-radius: 25px;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.sidenav1 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right:0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav1 a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.sidenav1 a:hover {
  color: #f1f1f1;
}

.sidenav1 .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.light{
color: #8AB6F9;

}
.dark{
  color: #00246b;}
.heading{
  color: #00246b; 
}
.sidenav{
  background-color: #cadcfc;
}
.dropdown-container {
  display: none;
  background-color: #fffbfb;
  padding-left: 8px;
}
.sidenav a:hover, .dropdown1:hover, .dropdown2:hover {
  color: black;
}





.navA table
{
margin:auto;
width: 83%;
border-radius: 5px;
background-color: #CADCFC;
font-size:20px;
}
.navA tr td:nth-child(6)
{
padding-right: 50px;
}
.navA tr td:nth-child(7)
{
padding-right: 20px;
}
.navA tr td:nth-child(8)
{
padding-right: 35px;
}
.navA tr td:last-child
{
padding-right: 35px;
}
.navA  a   {
display: block;
color: #00246B;
text-align: center;
padding: 14px 16px;
text-decoration: none;
border-radius: 25px;
transition:  0.3s;
}

.navA td:hover {
border-radius: 5px;
box-shadow: 0 0px 16px 0 #8AB6F9 ;

}
.navA td{
  transition:0.3s ;
}

.searchA
{
background-color: white;
border-radius: 25px;
}

.navA input[type="searchA"]
{
border-style: none;
margin: 0 auto;
display: block;
height:30px;
width:200px;
float: left;
border-style: none;
border-radius: 25px;
}
.navA input[type="searchA"]::placeholder
{
color:grey;

}
.navA img
{
width:20px;

}
.navA button[value="searA"]
{
margin: 0 ;
height:30px;
padding: 0px;
width:30px;
border-style: none;
border-radius: 25px;

}
.navA button[value="cart"]
{
margin: 0 ;
height:30px;
padding: 0px;
width:30px;
border-style: none;
background-color:transparent;
}
.navA button[value="searA"]:hover
{
cursor: pointer;
}

.searchA
{
background-color: white;
border-radius: 25px;
}