html, body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	  font-family: monospace;
}

A{
	text-decoration:none;
};

#content {
	flex: 1 0 auto;
	padding: 1em;
	margin: 1em;
	display: grid;
	grid-template-columns: 20em 1fr;
}

#logo {
                padding: 1em;
		margin: 1em;
	float: left;
        }

#manifesto {
                padding: 1em;
	        font-family: monospace;
		font-size: large;
        }

#personali, #gruppo, #impersonali, #testo {
        font-family: monospace;
	font-size:  x-large;
                border:1px solid grey;
                padding: 1em;
                margin: 1em;
        }


footer {
	flex-shrink: 0;
        font-family: monospace;
        padding: 1em;
        margin: 1em;

}

.preformatted {
    font-family: monospace;
   white-space: pre-wrap;
}

#autistici {
position: fixed;
    display: block;
    font: bold 20px "Poppins", Arial, sans-serif;
    background: rgba(255, 255, 255, 0.8);
    color: #1e1935;
    text-decoration: none;
    padding: 5px;
    text-align: center;
    width: 300px;
    z-index: 100;
    border-top:5px solid rgb(237, 28, 36);
    border-bottom: 5px solid rgb(237, 28, 36);
    box-shadow: 0 3px 10px rgba(0,0,0,.25);
  left: -59px; top: 70px; transform: rotate(-45deg);
}