@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');

/*General Settings*/

html {
    width: -webkit-fill-available;
}

body { 
    min-height: 100vh; 
    min-width: -webkit-fill-available;
    max-height: -webkit-fill-available;
    margin:0; 
  background-image: url("../assets/images/back3.webp");
  background-color: #FFFFFF;
/*  height: 500px; */
  position: relative;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

header { 
    min-height:1em;
    font-size: xx-small; 
}

.header2 {
    min-height: unset;
    font-size: xx-large;
}



.header3 {
    min-height: unset;
    font-size: x-large;
    margin-block-start: 1em;
    margin-block-end: 0em;
}



footer { 
    min-height:1em;
    opacity: 30%; 
}


article { 
    flex:1;
    align-self: center; 
}

section {
    display: grid;
}

code {
    background: rgb(0 0 0 / 9%);
    border-radius: 2px
}

td {
border-radius:3px;
text-shadow: 1px 1px #c0a3148a;
}

table {
border-radius:6px;
background-color: rgb(239 245 200 / 33%);
border-spacing: 10px;
}


.even {
background: #f5f6d9;
}

.odd {
background: ivory;
}



a {
  text-decoration: none;
  opacity: 0.70;
  color: #1B2631;
  margin-bottom: 30px;
}

a:hover {
  opacity: 1;
}

p {
    text-align: justify;
    padding: 0em;
    margin-block-start: 0em;
    margin-block-end: 2em;
}

.icon {
    height: 1em;
}

.table {
    font-size: x-large;
    padding-left: 2em;
    padding-right: 2em;
}

.section {
    padding-top: 1em;
    text-shadow: 1px 1px #d3ba438a;
    align-self: center;
    padding-left: 2em;
    padding-right: 2em;
}

.section a {
    font-size: 18px;
    margin-bottom: 10px;
}