/*
Construido por Gustavo Henrique Paese Heinzen
*/

@font-face {
    font-family: 'quart';
     src: url('QuartzoBold-W9lv.ttf') format(truetype);
      font-weight: normal;
      font-style: normal;
}


@font-face {
    font-family: 'brook';
     src: url('CassandraPersonalUseRegular-3BjG.ttf') format(truetype);
      font-weight: normal;
      font-style: normal;
}



body{
    background-color: black;
}

#jar-header{
    font-family:"quart";
     text-transform: uppercase;
    color: rgba(0, 0, 0, 0);
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 100px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(255, 0, 0);
}

h2 {
     font-size: 50px;
     padding-bottom: 5px;
}

h3{
    font-family:"quart";
     text-transform: uppercase;
      color: rgba(0, 0, 0, 0);
    font-size: 30px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgb(255, 0, 0);
}

#jar-summary{
     padding-top: 20px;
     padding-left: 20px;
      color: rgba(255, 255, 255, 1);
      font-family:'brook'; 
         font-size: 20px;
        }

.header{
    background: rgba(0, 0, 0, 0) url('Star3.png') no-repeat 50% 100%;
    background-size: 10%;
}

.preamble{
     padding-top: 30px;
     padding-bottom: 30px;
    color: rgba(255, 255, 255, 1);
    font-family:'brook'; 
     font-size: 20px;
     background: rgba(0, 0, 0, 0) url('Star3.png') no-repeat 50% 100%;
    background-size: 10%;
}

#jar-explanation{
    padding-left: 8px;
}

#jar-participation{
    padding-left: 8px;
}

.explanation{
    max-width: 49%;
    float: left;
    margin-left: 5px;
      color: rgba(255, 255, 255, 1);
      font-family:'brook'; 
         font-size: 18px;
}

.participation{
    float: right;
    max-width: 49%;
      color: rgba(255, 255, 255, 1);
      font-family:'brook'; 
       font-size: 18px;
         
}

.benefits{
  float:inline-start;
    min-width: 100%;
  color: rgba(255, 255, 255, 1);
      font-family:'brook'; 
       font-size: 18px;
}

.requirements{
  float:inline-start;
    min-width: 100%;
  color: rgba(255, 255, 255, 1);
      font-family:'brook'; 
       font-size: 18px;
         background: rgba(0, 0, 0, 0) url('Star3.png') no-repeat 50% 100%;
    background-size: 10%;
}

.footer{
    width: 60px;
    padding-right: 30px;
    padding-top: 60px;
    line-height: 50px;
    float: right;
     text-transform: uppercase;
     
}

.jar-validate-html{
    border-color: red;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
}

.jar-validate-css{
    border-color: red;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
}

.jar-license{
    border-color: red;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
}

.jar-accessibility{
    border-color: red;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
}

.wrapper{
    padding-top: 20px;
    float: inline-start;
      display: flex;
       flex-direction: row; 
       gap: 10px;
    min-width: 90%;
  color: rgba(255, 255, 255, 1);
      font-family:monospace;
}

.archives{
    padding-left: 20px;
}







strong{
    font-weight: normal;
}


a:link {
  color: rgb(255, 0, 0);
font-size: 25px;
 -webkit-text-stroke-width: 1px;
 -webkit-text-stroke-color: rgb(255, 255, 255);
  text-decoration: none;
}

a:visited {
  color: rgb(255, 0, 0);
font-size: 25px;
 -webkit-text-stroke-width: 1px;
 -webkit-text-stroke-color: rgb(255, 255, 255);
  text-decoration: none;
}

a:hover {
  color: rgb(0, 0, 0);
font-size: 25px;
 -webkit-text-stroke-width: 1px;
 -webkit-text-stroke-color: rgb(255, 0, 0);
 text-decoration: none;
}