* {
    box-sizing: border-box;
    font-family: 'Lato', Verdana;
}
html, body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    height: 100vh;
    width: 100vw;
}
#pageContent {
    display: grid;
    grid-template-columns: 14% 1fr 10% 40%;
    _margin-left: 10%;
    height: 100vh;
}
#pageContent #minilogo img {
    height: 10vh;
}
#pageContent #img {
    grid-row: 1/6;
    grid-column: 4;
    background-image: url(imgs/backgargano.jpg);
    background-size: cover;
}
#pageContent #txt1 {
    font-size: 2em;
    color: var(--color2);
    font-weight: 700;
    font-style: italic;
}
#pageContent #txt2 {
    color: silver;
    font-size: .9em;
    font-family: verdana;
}
#form input {
    text-transform: lowercase;
    font-family: monospace;
    text-align: center;
    letter-spacing: 1.5vw;
    padding: 1vh 0;
    margin: 1vh auto;
    outline: none;
    font-size: 1.6em;
    font-weight: bold;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid var(--color2);
    max-width: 60%;
}
#form input::placeholder {
    font-size: initial;
    letter-spacing: initial;
    text-align: left;
    opacity: .2;
    color: var(--color2);
}
#form BUTTON {
    font-size: 1.1em;
    border: 1px solid black;
    margin-left: 2vw;
    padding: 1vh 2vw;
    color: var(--color1);
    background-color: var(--color2);
    cursor: pointer;
    font-weight: 700;
    font-style: italic;
}
#form BUTTON:hover {
    color: var(--color2);
    background-color: var(--color1);
    transition: 1s;
}
#pageContentError {
    display: grid;
    grid-template-rows: 15% 10% 1fr 5% 15%;
    height: 100vh;
    width: 100vw;
}
#pageContentErrorInner {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-rows: repeat(5,auto);
    align-items: center;
    width: 100%;
    background-image: url(imgs/garganoerror.jpg);
    background-size: cover;
    background-position-y: center;
}
/*
#pageContentErrorInner #img {
    grid-row: 1/6;
    grid-column: 2;
    align-self: center;
}
#pageContentErrorInner #img img {
    max-height: 15vw;
}
*/
#pageContentErrorInner #logo2 {
    max-height: 3vw;
    grid-row: 2;
    grid-column: 2;
}
#pageContentError #txt1 {
    color: var(--color2);
    font-size: 4em;
    font-weight: 800;
    grid-row: 3;
    grid-column: 2;
}
#pageContentError #txt2 {
    color: var(--color2);
    font-size: 1.5em;
    grid-row: 4;
    grid-column: 2;
}
#pageContentError #head {
    color: var(--color1);
    text-align: center;
    padding: 7px 0;
    background-color: var(--color2);
    background-image: var(--img);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
#pageContentError #foot {
    color: var(--color6);
    background-color: var(--color5);
    text-align: center;
    padding: 7px 0;
    align-self: self-start;
}
#pageContentError #foot span {
    cursor: pointer;
    transition: 1s;
    font-weight: 700;
}
#pageContentError #foot span:hover {
    color: var(--color2);
}
.blured {
  filter: blur(5px);
}