/*CSS MAIN PAGE*/

      @media(max-width:700px) {.section{flex-direction:column;}}
      
      body {
        max-width:100%;
        margin:0 auto;
        color:black;
        font-family:"Noto Sans";
        background:url("https://underscoreangel.neocities.org/Assets2/pagebg1.png");
        background-size:cover;
        }
        
      header {
        display:flex;
        justify-content:center;
        margin-top:20px;
        }
        
      header > img {
        border-radius: 10px 10px 0 0;
        box-shadow: 2px 2px 10px 2px rgba(0,0,0,.4);
        }
        
      .navbar {
       width:70%;
       background: #303030;
       background: linear-gradient(180deg,rgba(48, 48, 48, 1) 0%, rgba(28, 28, 28, 1) 100%); 
       text-align: center;
       box-shadow: 2px 2px 10px 2px rgba(0,0,0,.4);
       left: 0;
       right: 0;
       margin-right: auto;
       margin-left: auto;
       }
       
      #contents {
        background:url("https://underscoreangel.neocities.org/Assets2/backgrounds/CSPageBGDARK.png");
        padding-top: 30px;
        min-height: calc(100vh - 337px);
        box-shadow: 2px 2px 10px 2px rgba(0,0,0,.4);
        max-width:70%;
        left: 0;
        right: 0;
        margin-right: auto;
        margin-left: auto;
      }
      
      .video-holder {
        flex: 2 1 0;
      }
      
      .youtube {
        box-shadow: 2px 2px 10px 2px rgba(0,0,0,.4);  
        max-width:100vw;
        width: 642px;
        height: 359px;
        margin-left:25px;
        margin-top:10px;
      }
      
      .contents-right {
        flex: 0 1 0; 
      }
      
      #text01 {
      font-family: 'Arial';
      font-size: 20px;
      z-index: 1;
      color: #FFF;
      max-width:100vw;
      text-align:left;
      padding:10px;
      }