* {
  box-sizing: border-box;
}


td.para, th.para {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}
.code {
  float: left;
  width: 35%;
  padding: 10px;
  height: 848px;
  font-size: 50%;
  border: 2px solid black;
  background-color: #d8c0a1; 
}

.detail {
  float: left;
  width: 35%;
  padding: 10px;
  height: 848px;
  border: 2px solid black;
  background-color: #B0E0E6; 
}
.database {
  float: left;
  width: 30%;
  padding: 10px;
  height: 848px;
  border: 2px solid black;
  background-color: rgb(0, 8, 8); 
}

.activity {
  float: down;
  width: 100%;
  padding: 10px;
  height: 60%;
  border: 2px solid black;
  background-color: #20B2AA; 
}
.db {
  float: down;
  width: 100%;
  padding: 10px;
  height: 40%;
  border: 2px solid black;
  background-color: rgb(218, 206, 191); 
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.database:after {
  content: "";
  display: table;
  clear: both;
}

.top {
    float: down;
  width: 100%;
  height: 50px;
  border: 1px solid black;
  background-color: rgb(211, 198, 233); 
}


 /* Details  */


 @keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
        h2{
         font-family: Sans-serif; 
         font-size: 16px;     
         font-style:italic; 
         font-weight: bold; 
         color: rgb(1, 9, 19);
         text-align: center; 
         text-decoration: underline
        }
        h3{
          font-family: Sans-serif; 
          font-size: 14px;     
          font-style:italic; 
          font-weight: bold; 
          color: rgb(219, 44, 0);
         }

        h6{
         font-family: Sans-serif; 
         font-size: 5px;     
         font-style:italic; 
         font-weight: bold; 
         color: rgb(1, 9, 19);
         text-align: center; 
         text-decoration: underline
        }
        table{
         font-family: verdana; 
         color:rgb(20, 7, 90); 
         font-size: 12px; 
         font-style: normal;
         font-weight: bold;
         background-image: linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);
         border-collapse: collapse; 
         border: 3px solid #342300;
         border-style: dashed;
        }

        .para{
         color:rgb(0, 0, 0); 
         font-size: 9px;
         
         
        }
         

        table.inner{
         border: 20px
        }
        input[type=text], input[type=email], input[type=number]{
            width: 50%;
            padding: 6px 12px;
            margin: 5px 0;
            box-sizing: border-box;
        }
        input[type=submit], input[type=reset]{
            width: 15%;
            padding: 8px 12px;
            margin: 5px 0;
            box-sizing: border-box;
        }

        .button1 {
  background-color: rgb(1, 7, 1);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.button2 {
  background-color:rgb(0, 128, 32);
  border: none;
  color: white;
  padding: 15px 31px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 8px 12px;
  cursor: pointer;
}


     /* Details End */


      /* Database */


       /*Database ENd  */


        /* Activity */


        sta{
         font-family: Sans-serif; 
         font-size: 16px;     
         font-style: normal; 
         font-weight: bold; 
         color: rgb(0, 0, 0);
         text-align: center; 
         text-decoration:transparent;
        }

        img {
  border: 1px solid #ddd;
  border-radius: 2px;
  width: 20px;
  height: 40px;
}

table.inner{
         border: 20px
        }

    
    div.conn
    {
        width:900px;
        height: 1600px;
    margin: auto;
    border: 6px solid black;
    background-color: rgb(72, 253, 253); 
    }



         /* Activity End */

          /* Source code */
          sc{
            font-family: Sans-serif; 
         font-size: 13px;     
         font-style:italic; 

         text-align: center;
         color: rgb(0, 0, 0);
         font-weight: bold; 
          

          }
          one,two,thr,fou,fiv,six,sev{

            background-color: rgb(195, 191, 255);
            width: 100%;
          }

           /* Source code End */
		   
           body {
            background-color: #000000;
        }
         
      
        
        .quiz {
          position: absolute;
          background-position: center;
          float: left;
          width: 28%;
          padding: 10px;
          height:848px;
          border: 2px solid black;
          background-color: #afe2ff; 
          color: rgb(0, 0, 0);
        }