body {
            background-color: #dbe5dd;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2394ac92' fill-opacity='0.4'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            color: black;
            font-family: Verdana;
        }

        .clam1{
            display:block;
            width:100px;
            overflow:scroll;
            float:right;
            border:solid 1px;

        }
        .clam2,.int1{
            
            
           
            border:solid 1px;
            float:left;
            
            position:relative;
            
        }
        .main{
            width:800px;
            height:585px;
            border:solid 1px ;
            margin:auto;
            margin-top: 100px;
            background-color: azure;

        }
        #right{
            border-left:solid 1px;
            margin:10px;
        }
        #vidoe{
            float:right;
            margin:10px;
            border:double 1px;
        }
        .clam2{
            width:100px;
            height:65%;
            transform:translateX(138px);
            background-color: azure;
            
            display:block;
        }
        .int1{
            display:block;
            font-size:11px;
            margin:10px;
        }
        #intro{
            width:315px;
            padding:1px;
            
        }
        .subhead{
            background-color:rgb(138, 166, 170);
            text-align:center;
            border:solid 1px;
            margin: 5px 5px 0px 5px;
            
        }

        .navi{
            font-size:11px;
            list-style-type:lower-roman;
            
            
          
        }
        .head{
          max-height:100%;
          
        }