/*------------------------------------*\
	index.ejs
\*------------------------------------*/

/* --  作品样式  -- */
.main_hm{
     /* overflow: hidden; */
     overflow-y: hidden;
     background-color: black;
}

.my_canva{
     height: 78%;
     width: 100%;
     font-size:20px;
     /* border-radius:5px; */
     background-color:rgb(0, 0, 0);
     line-height:20px; 
     border: solid 1px rgb(0, 0, 0);
     overflow: hidden;
     word-wrap: normal;
     background-image: url(../img/bg.png);
     background-size:cover;
          
     /* scroll:no; */
     /* margin-right:50%; */
}


.output{
     height: 22vh;
     width: 100%;
     font-size:20px;
     font-family: 宋体;
     border-radius:5px;
     background-color:rgb(250, 249, 222);
     line-height:30px; 
     border: solid 1px rgb(49, 49, 49);
     overflow: auto;
     word-wrap: normal;
     /* text-indent: 1em; */
}

.pythonj{
     width: 50%;
     position: absolute;
    
     top: 0vh;
     right: 0vh;
	bottom: 0;
     animation: jumpBoxHandler 1.8s infinite;
}





@keyframes jumpBoxHandler { /* css事件 */
     0% {
       width: 50%;
       transform: translate(0px, 0px);
     
     }
     50% {
      width: 56%;
       transform: translate(0px, 0px); /* 可配置跳动方向 */
  
     }
     100% {
          width: 50%;
       transform: translate(0px, 0px);
      
     }
   }



::-webkit-scrollbar {
     width: 6px;
     height: 1px;
     background-color: rgb(14, 13, 13);
     overflow-x:hidden;
   }
   

::-webkit-scrollbar-thumb:hover {
     background: #e70505;
   
   }