
a:link { color: white; } 
a:visited { color: white; }

.scroll_container {
  max-height: 790px; 
  overflow-y: hidden;
  width: 920px;
  border: 1px solid #ccc;
  padding: 10px;
}


.container {border-style: solid;
 border-width: 10px;
border-image: url("https://dl.dropbox.com/scl/fi/6wo0voidugxmgg0a81v20/lace-border-png-37013.png?rlkey=3hn4k762e8y0v6d2v6mwrtcbr&st=5o8bpex4") 60 fill round;              
  margin: auto;
  width: 1600px;
  height: 900px;
  position: relative;
  padding: 5px;
  ;}

.container-one {border-width: 1px;
  border-style: solid;
  border-color: black;
  background-image: url('https://i.pinimg.com/originals/03/5a/6a/035a6a2b61d49f920c3aef034cc4c23b.gif');
  width: 300px;
  position: absolute;
  left: 20px;
  top: 20px;
  height: 185px;
  box-shadow: 0 0 8px 8px black inset;
}

.About-me {border-width: 1px;
  border-style: solid;
  border-color: black;
background-color: blueviolet;
  width: 300px;
  position: absolute;
  left: 20px;
  top: 206px;
  height: 680px;
  box-shadow: 0 0 8px 8px black inset;
 }

.container-two
{border-width: 1px;
  border-style: solid;
  border-color: black;
  background-image: url('https://i.pinimg.com/originals/04/f0/03/04f0033cd9ac6b8694534730b18d1fb2.gif');
  background-size: cover;
  width: 990px;
  position: absolute;
  left: 320px;
  height: 866px;
  top:20px;
  box-shadow: 0 0 0px 0px black inset;}

.in-container-two
{border-width: 1px;
  border-style: solid;
  border-color: black;
  background-color: rgba(138, 43, 226, 0.7);
  background-size: cover;
  width: 970px;
  position: relative;
  left: 8px;
  height: 840px;
  top:13px;
  box-shadow: 0 0 8px 8px black inset;}

.Misc {border-width: 1px;
  border-style: solid;
  border-color: black;
background-color: blueviolet;
  width: 280px;
  position: absolute;
  left: 1312px;
  top: 20px;
  height: 867px;
  box-shadow: 0 0 8px 8px black inset;
 }


#name
{font-family: American Typewriter, serif;
  font-size: 3em;
  -webkit-text-stroke: 1px white;
  color: #color;
 margin-left: 140px;
 margin-top: -110px;
 text-align: justify;

}

#text-c2
{font-family: Andale Mono, monospace;
  font-size: 2em;
  -webkit-text-stroke: 1px white;
  color: #color;
  margin-top: 100px;
  margin-left: 30px;
}

#surmoi
{font-family: American Typewriter, serif;
  font-size: 2em;
  -webkit-text-stroke: 1px white;
  margin-left:17px;
  margin-top: 15px;
  color: #color;

}

#surmoi-2
{font-family: American Typewriter, serif;
  font-size: 1.5em;
  -webkit-text-stroke: 1px white;
  margin-left:17px;
  margin-top: 15px;
  margin-right: 17px;
  color: #color;

}

#body-index
{font-family: American Typewriter, serif;
  font-size: 3em;
  color:white;
  opacity: 1;
  margin-left:17px;
  margin-top: 15px;
  color: #color;

}
.outer
{border-width: 5px;
border-style: solid; 
border-image: url("https://i.imgur.com/NJa4bp2.png") 8 fill round;
border-radius:15px;
width: 115px;
height: 115px;
margin-left: 20px;
margin-top: 30px;}

.inner
{ width: 100%;
  height: 100%;
  background-image: url('https://giffiles.alphacoders.com/201/201054.gif');
  background-size: cover;}


.flcl-1
{
width: 40%;
  height: 40%;
  background-image: url('https://giffiles.alphacoders.com/201/201265.gif');
  background-size: cover;
  position: absolute; 
  margin-left: 290px;
  top: 500px;
}