@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Teko:wght@300..700&display=swap');

:root{
  --c-brand: #043a5c;
}
.logo{
  width: 2em;
}
.item-home{
  background-color: rgba(214, 210, 210, 0.724);
  padding: 2em;
  border-radius: 10px;
  text-align: center;
  align-items: center;
}
.item-home .fa-solid{
  font-size: 3em;
  color: var(--c-brand);
}
.item-home p{
  font-size: 2em;
  color: black;
  font-family: "Teko", serif;
  font-optical-sizing: auto;
  font-weight: bolder;
  font-style: normal;
  text-transform: capitalize;
}
.linking{
  text-decoration: none;
  color: black;
}
.item-home {
  transition: transform 0.3s ease; /* Adjust duration and timing function */
}

.item-home:hover {
  transform: scale(1.1);
}
.head-banner{
  padding: 2em;
  /* background-color: rgba(198, 116, 17, 0.888); */
  background-color: var(--c-brand);
}
.head-banner h1{
  color: white;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1em;
  font-family: "Teko", serif;
  font-optical-sizing: auto;
  font-weight: bolder;
  font-style: normal;
  font-size: 4em;
}
footer{
  color: white;
  text-align: center;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  padding: 0.5em;
  margin-top: 0.5em;
}

/* Preloader */
#preloader{
  background: white url(images/prelod.gif) no-repeat center center;
  background-size: 20%;
  height: 100vh;
  width: 100%;
  position: fixed;
  z-index: 100;
}

/* 404 */
.oops{
  text-align: center;
  font-size: 5em;
}
.oopsp{
  text-align: center;
}
.oopsbtn{
  text-align: center;
  background-color: var(--c-brand);
  color: white;
  width: 30%;
  height: 2em;
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: 1em;
  border-radius: 5px;
  border: none;
  font-weight: bolder;
}
.oopsbtn:hover{
  opacity: 0.8;
}
.oopsa{
  text-decoration: none;
}