html { scroll-behavior: smooth; }
 
body{
    background-color: black;
    color: white;
    font-size:1.2em;
    justify-self:center;
    font-family: 'Barlow', sans-serif;
}
main{
        display: grid;
}
form{
    justify-self:center;
}
table{
    border-spacing: 0.5em;
    min-width: 250px;
    justify-self:center;
}
footer{ 
    padding:0.2em;
    mask-image: linear-gradient(to bottom, transparent 0px, black 1.2em);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 1.2em);
    background-color: black;
}
select,input{
    min-width: 250px;
    max-width: 350px;
    text-transform: uppercase;
}
input[type="submit"],button{
    min-width: 250px;
    max-width: 350px;
    text-transform: uppercase;
    background: red;
    color: white;
    text-decoration: none;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 0.2em 0.2em;
    clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 0;
    margin: 0.4em;
}
input[type="button"]{
    min-width: 250px;
    max-width: 350px;
    text-transform: uppercase;
    background: gray;
    color: white;
    text-decoration: none;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 0.2em 0.2em;
    clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
    position: relative;
    overflow: hidden;
    display: inline-block;
    border: 0;
}
input,input[type="text"],input[type="date"],input[type="tel"],select{
    min-width: 250px;
    max-width: 350px;
    text-transform: uppercase;
    background: white;
    color: black;
    text-decoration: none;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    position: relative;
    overflow: hidden;
}
textarea{
    width: 100%;
    text-transform: uppercase;
    background: white;
    color: black;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    position: relative;
    overflow: hidden;
}
input:disabled,select:disabled  {
  background-color: #f8f8f8;
  color: #444444;
  border: 1px solid #cccccc;
  opacity: 0.7;
}
th{
        min-width: 100px;
}

a:link {
  color: #888888;
  text-decoration: none;
}
a:visited {
  color: #aa8888;
}
a:hover {
  color: #ff5555;
  text-decoration: underline;
}
a:active {
  color: #ff0000;
}

  .nav-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
  }
  .logo {
    border-radius: .2em;
    width: 4em; height: 4em;
  }
  .logo-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
  }
  .logo-text {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2em;
    letter-spacing: .01em;
    color: white;
    line-height: 1;
  }
  .logo-text span { color: red; }
  
    .Mini{
        font-size: 0.8rem;
    }