@import url('https://fonts.googleapis.com/css?family=Epunda+Slab|Jacquard+12');

body {
 background-color: #ffffff;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: justify;
 color: #000000;
 font-family: "Epunda Slab", serif;
 font-size: 14px;
 margin: 0 auto;
}

.main {
 grid-area: main;
 align-content: center;
 justify-content: center;
 background-color: #ffffff;
 font-family: "Epunda Slab", serif;
 font-size: 14px;
 text-align: justify;
 color: #000000;
 font-weight: none;
 margin-left: 90px;
 margin-top: -60px;
 margin-bottom: 20px;
}

.navi {
 grid-area: top;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center;
 align-content: center;
 justify-content: center;
 margin-left: -120px;
}

.layout {
 width: 25%;
 align-content: center;
 justify-content: center;
}

.material-symbols-outlined {
 font-variation-settings:
 'FILL' 0,
 'wght' 400,
 'GRAD' 0,
 'opsz' 10
}

blockquote {
 margin-left: 50px;
 margin-right: 50px;
 padding: 10px;
 text-align: justify;
 background-color: #eeeeee;
 border-radius: 10px;
 box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

a img {
 border: none;
 border-width: 0;
 outline: none;
}

h1 {
 font-family: "Jacquard 12", serif;
 margin-bottom: 1px;
 line-height: 20px;
 text-align: left;
 font-size: 30px;
 font-weight: bold;
 color: #df3828;
 text-shadow: #c0c0c0 1px 0 10px;
 letter-spacing: 0px;
}

h2{
 font-family: "Courier New", serif;
 border-top: 1px dotted #000000;
 text-align: justify;
 text-transform: uppercase;
 font-weight: normal;
 letter-spacing: 0px;
 font-size: 8px;
}

a {
 color: #df3828;
 text-decoration: none;
 font-weight: bold;
}

a:hover {
 color: #000000;
 font-weight: bold;
 border-bottom: 1px #ebac0b solid;
}

b {
 color: #ebac0b;
}

i {
 border-bottom: 1px #ebac0b solid;
}

p.error, p.success {
 font-weight: bold;
 padding: 10px;
 border: 1px solid;}

p.error {
 background: #ffc0c0;
 color: #900;}

p.success {
 background: #b3ff69;
 color: #4fa000;}
 
form {
 margin: 0 auto;
 width: 300px;
 border-radius: 5px;
 display: grid;}
 
form input, form textarea, form select {
 font-family: "Epunda Slab", serif;
 letter-spacing: 1px;
 color: #000;
 background: none;
 padding: 6px;
 margin: 5px 0px 10px 0px;
 border: 1px solid #df3828;
 background-color: #eeeeee;
 border-radius: 5px;
 position: center;}
 
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
select, textarea {
 display: block;
 border-radius: 5px;
 box-sizing: border-box;
 width: 100%;
 padding: 6px;}
 
input[type="submit"],
input[type="reset"] {
 background-color: #ffbf3d;
 width: 100px;
 display: ;
 gap: 10px;
 margin: 0px auto;
 border: none;
 border-radius: 5px;
 font-weight: bold;
 font-size: 18px;
 font-family: "Courier New", Courier, monospace;
 color: white;
 margin-top: 0px;
 padding: 5px;
 text-align: center;
 cursor: pointer;}
 
input[type="submit"]:hover,
input[type="reset"]:hover {
 background-color: #870713;}