@font-face {
font-family:'PixelatedPusab';
src: url(/fontes/PixelatedPusab.ttf);
}

@font-face {
font-family: pixel; 
src: url(https://dl.dropbox.com/scl/fi/m8ikyw16qt65uxlueejst/Pixel.ttf?rlkey=yhasa4f83vexlvfzoi1uot61p&dl=0);
}

@font-face {
font-family: spirit; 
src: url(https://dl.dropbox.com/scl/fi/npu6iooiwovhxljcjoeex/spirit.ttf?rlkey=eubwh1fc2c460q68exstay65d&dl=0);
}

body {
  background: url(https://64.media.tumblr.com/616ab3a5fd72bbe0e451d8d81e027cd3/tumblr_inline_ml7ypvuRcW1qz4rgp.png);
  align-items: center;
  cursor: url("https://64.media.tumblr.com/952e969391f121ff643e936dede94ca3/tumblr_inline_mvchqkG52p1r63cto.gif"), auto;
}

#body {
  width: 650px;
  height: 400px;
  display:flex;
  margin: auto; 
  justify-content: center
}


#container {
  margin: 0px;
  text-align: left;
  width: 365px;
  background: url(https://i.pinimg.com/736x/6a/54/b0/6a54b0758f8b5b14ecfed841e1f73729.jpg);
  background-size: cover;
  background-repeat: no-repeat;
	padding-top: 80px;
	border: outset lightgray 3px;
	 float: left;
}

.scroll {
            height: 315px;
            width: 350px;
            line-height:18px;
            overflow-y: auto;
            overflow-x: hidden;
            padding-left:5px;
            padding-right:5px;
            text-align: left;
            margin: auto;
            

}
        ::-webkit-scrollbar {
        width: 0;
        /* remove scrollbar space */
        background: transparent;
        /* to make scrollbar invisible */
        }

        ::-webkit-scrollbar-thumb {
        background: transparent;
        }
        

.datas {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  font-family: 'pixel';
  background-color: #ffd1ec;
  top: 8px;
  padding: 3px;
  display:inline-block;
}

#header {
  margin: auto;
  text-align: center;
}

.topo {
  text-align: center;
  margin:auto;
 
  
}

.emcima {
  text-align: center;
  margin: auto;
  display:inline-block;
}

.imagens {
  text-align: center;
  width: 200px;
  height: 200px;
  display:inline-block;
}

#flex {
			display:inline-block;
			max-width:60%;
			margin:0;
			
}

#lado {
			height:250px;
			width:350px;
			background-image:url('https://i.pinimg.com/736x/80/1a/16/801a16a9b7283a098612bc0a0b945cc6.jpg');
			background-size:cover;
			border:outset lightgray 3px;
      float: left;
      align-items: center;
}

#ladocontainer {
			margin-top:35px;
			width: 90%;
			margin-left: auto;
			margin-right:auto;
			height:100px;
			padding-top:20px;
			display: inline-block;
	
		}


.laco {
border-width: 7px; 
border-style: solid; 
border-image: url("https://i.imgur.com/8Tk8PKV.gif") 7 fill round;
max-width: 200px;
margin: auto;
text-align: center;
}


p {
  font-family: 'pixel';
}

p1 {
  font-family: 'pixel';
}