.intro {
 background: #f0e4d7;
} 

.cardintro {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: top;
    padding: 0px 0px;
    flex-grow: 5;
	
}

 .cardintro .bkg {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
     border-radius: 10px;
     width:160vh;
     height:70vh;
     background-size: cover;
	 padding-left: 5vh;
	 padding-right: 5vh;
	  
 }

 .cardbase {
     border-radius: 20px;
     width:160vh;
     height:70vh;   
     padding: 0px 0px;
     background: #F0E4D7;
     text-align: center;
	 align-items: center;
     opacity: 0.5;
	 font-family: "Verdana";
     color: #FF0000;
	 font-size: 12px;
	
 }
 .cardbasic {
     border-radius: 20px;
     width:160vh;
     height:40vh;
     padding: 20px 0px;
     background: #F0E4D7;
     text-align: center;
	 align-items: center;
     opacity: 0.5;
	 font-family: "Verdana";
     color: #FF0000;
	 font-size: 12px;

 }
  .cardbasico {
     border-radius: 20px;
     width:160vh;
     height:76vh;
     padding: 20px 0px;
     background: #F0E4D7;
     text-align: left;
	 align-items: left;
     opacity: 0.5;
	 font-family: "Verdana";
     color: #FF0000;
	 font-size: 12px;
	 top: 50px;

 }
  .cardarvore {
     border-radius: 20px;
     width:160vh;
     height:70vh;
     padding: 2px 0px;
     background: #F0E4D7;
     text-align: center;
	 align-items: left;
     opacity: 0.5;
	 font-family: "Verdana";
     color: #FF0000;
	 font-size: 10px;

 }

 .cardbase.top {
     align-self: flex-start; 	 
 }

 .cardbase.bottom {
     align-self: flex-end;
 }

 .scroll {
    width: 166vh;
    height: 70vh;
    overflow-y: scroll;
	overflow-X: scroll;
    text-align: left;
	font-family: "Verdana";
   
	font-size: 9px;
	font-style:bold;
	top: 20vh;
	background-color: #d2b48c; 
	padding: 0vh 0vh;
	justify-content: center;
	top: 35vh;

 }
  .scroll2 {
    width: 160vh;
    height: 68vh;
    overflow-y: scroll;
	overflow-X: scroll;
    text-align: left;
	font-family: "Verdana";
   
	font-size: 9px;
	font-style:bold;
	top: 25vh;
	background-color: #d2b48c; 
	padding: 0vh 0vh;
	justify-content: center;
	left: 100vh;
} 
 
      .tree code, .tree span {
            border: solid .1em #666;
            border-radius: .2em;
            display: inline-block;
            margin: 0 .2em .5em;
            padding: .2em .5em;
            position: relative;
			width: auto;
            height: 5vh;
        }