.tri div  {
         //transform: rotateZ( -135deg ) translate3d( 20px , 30px , 0 )  ;
         transform: rotateZ( -135deg ) translate3d( 7px , 45px , 0 ) }
.monad  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         font-size: 18px  ;
         display: flex  ;
         flex-direction: column  ;
         justify-content: space-around  ;
         background-color: rgba( 200,200,200,.6 )  ;
         color: #fff  ;
         padding: 5%  ;
         margin-bottom: 6%  ;
         margin-left: 11%  ;
         margin-right: 11%  ;
         //box-shadow: 1px 1px 10px 1px rgba( 0,0,0,.35 )  ;
         border-radius: 1% }
@media all and (max-width: 900px) 
.monad > div  {
         margin: auto }
#M1  {
         margin-top: -50px }
#T  {
         color: #fff  ;
         font-weight: bold }
.end  {
         text-align: center }
.end .but  {
         padding: 4% }
#MAIN  {
         font-family: 'Open Sans Condensed', sans-serif }
.but1  {
         font-family: 'Open Sans Condensed', sans-serif  ;
         background-image: linear-gradient( 45deg , rgb( 255,255,255 )50% , rgb( 200,200,200 )100% )  ;
         text-shadow: 2px 2px 5px #000  ;
         border: 0  ;
         transition: all 0.5s 0s  ;
         font-size: 18px  ;
         padding: 2%  ;
         color: #666 }