body {
    font-family:helvetica,tahoma;
    text-align:center;
    background-color:#FFC773;
}

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

a:hover {
    text-decoration:underline;
}

input:focus {
   outline:none;
}

textarea:focus {
   outline:none;
}

#header {
    width:70%;
    margin-bottom:4%;
    margin-top:4%;
}

#container {
    width:90%;
    margin-bottom:2%;
}

.title {
    width:49%;
    background-color:#E8E6E3;
    opacity:0.9;
    border:0px solid gray;
    font-family:inherit;
    font-size:150%;
    padding:10px;
    padding-left:20px;
    padding-top:17px;
    margin-bottom:0px;
}

#t1 {
    border-top-left-radius:10px;
}

#t2 {
    border-top-right-radius:10px;
}

#it {
    width:49%;
    height:300px;
    resize:none;
    
    font-size:150%;
    
    border:1px solid #E8E6E3;
    border-left:0px;
    border-bottom:0px;
    border-top:0px;
    
    font-family:inherit;
    
    padding:20px;
    overflow:auto;
    background-color:white;
    opacity:0.9;
    
    border-bottom-left-radius: 10px;
}

#sp {
    width:49%;
    height:300px;
    resize:none;

    font-size:150%;

    border:2px solid #E8E6E3;
    border-right:0px;
    border-bottom:0px;
    border-top:0px;
    
    font-family:inherit;
    
    overflow:auto;
    background-color:white;

    padding:20px;
    text-align:left;
    opacity:0.9;

    border-bottom-right-radius: 10px;
}

/* ------------------------ footer ------------------------ */


.tweet {
	display: flex;
	align-items: center;
	justify-content: center;
    gap: 0.5em;
	background-color: #ffffff;
	padding: 0.4em 0.8em;
	border-radius: 0.5em;
	font-size: 1.2em;
	font-weight: 600;
	color: black;	
    width: max-content;
    text-decoration: none !important;
}
.tweet:hover {
    background-color: #f5f5f5;
}

#footer {
	width:88%;
	font-size:13px;
    margin-top:7%;
	margin-bottom:4%;
	vertical-align:baseline;
}
  

.footleft {
    float:left;
	margin-bottom:2px;
	margin-left:2px;
}

.footright {
	float:right;
    margin-bottom:2px;
    margin-right:2px;
}

/* ------------------- SCROLLBARS --------------------------- */

::-webkit-scrollbar {
    width: 7px;
    height: 0px;
}

::-webkit-scrollbar-track {
    background-color: white;
}
    
 /* colore di sfondo delle scrollbar */

::-webkit-scrollbar-thumb {
    background-color: #BDBDBD;
}

/* codice per personalizzare i bottoni alle estremita'  delle scrollbars */

::-webkit-scrollbar-corner {
    background-color: black;
} 
