* {
    box-sizing: border-box;
    margin: 0;
    padding:0;
}

body{
   
font-family: "Felipa", serif;
  font-weight: 400;
  font-style: normal;
    background-color: darkolivegreen;
    background-image: url("angelo.jpg");
    background-attachment: fixed;
    padding:0;
    background-repeat: no-repeat;
    background-size:cover ;

}
.titolo { align-content:center;
    align-items: center;
    align-self: center;
    width: 100%;
    max-width: 900px;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;

    z-index: 1001;
color: rgb(156, 156, 156);
font-weight: bolder;
border-color: rgb(28, 25, 25);
border-style: groove;
border-width: 5px;

height: 150px;

background-color: black;
border-radius: 20%;}

#container {
background-color: rgb(0, 0, 0);
}

.stage_animation {
    background-color:rgb(33, 10, 54);
overflow: hidden;
white-space: nowrap;
display: inline-block;
}
.stage_animation p {
display: inline-block;

color: brown;
font-size: 20px;
}
@keyframes stage_animation {
0% {
transform: translate3d(0, 0, 0);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
.stage_animation {
animation: stage_animation 18s linear infinite;
}

.sidebar {
    width: 200px;
    background-color: #312137;
    color: rgb(156, 156, 156);
    height: 360px;
    position: relative;
    box-sizing: border-box;
    overflow-y: visible;
    border: 5px ridge #274626;
    flex-shrink: 0;
    top: 230px;
    left: 150px;
    border-radius: 60px;
}

.sidebar a {
    display: block;
    color: rgb(156, 156, 156);
    text-decoration: none;
    padding:10px 0;
   
    border-radius: 4px;
    transition: background 0.2s;
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: auto;

}

.Hatter {
    color: brown;
   
    background-color: rgb(33, 10, 54);
    
    right: 2px;
    left: 500px;

    
}
.pasqualita {
    width: 310px;
    background-color: #000000;
    color: rgb(156, 156, 156);
    height: 300px;
    position: fixed;
    box-sizing: unset;
    overflow-y: visible;
    border: 1px  #000000;
    flex-shrink: 0;
    top: 350px;
    left: 1110px;
    
    padding: 1px;
}
.wired {

    position: fixed;align-items: center;
    color: rgb(156, 156, 156) ;
    align-self: center;
    align-content: center;
    top: 305px;
    left: 1180px;
}
.background {
    position: absolute;
    top: 310px;
    right: 29%;
    width: 600px;
    height: auto;
    min-height: 900px;
    background-color: #312137;
   padding: 10px;

  border: 14px solid transparent;
  border-image: url(griggg.jpg) 20 round stretch;}

 border-radius: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    padding: 10px;
    bottom: -5px;





} */
#blocco {
   width: 600px;
   height: auto;
   overflow: auto;
   border: 1px solid black;
}
.giulimagica { border: 30px;
    

}




.welcome {color: rgb(167, 153, 229);}





.contenttt a { 
    color: rgb(156, 156, 156);
    position: absolute; 
    font-size: 1cm;
    top: 500px;
    left: 290px;
    z-index: 2;
}
.cuoricino{
    width: 190px;
    position: absolute;
    top: 410px;
    left:476px;
    z-index: 1;



}


.content {
    width: 80%;
    margin:0 auto;
    align-items: center;
}
.spacer {
    padding: 70px 0;
}