@font-face {
    font-family: 'bluescreen';
    src: url(fonts/Bluescreen.ttf);
}
@font-face {
    font-family: 'punks';
    src: url(fonts/Bluescreen.ttf);
}
@font-face {
    font-family: 'silkscreen';
    src: url(fonts/slkscr.ttf);
}

html{

      font-family:silkscreen;
                  background: url(../other/quilt.jpg) repeat;
            background-size: 400px 400px; 
            color: #fff;
            animation: bg-scrolling 60s linear infinite;
           
   
    
}
  @keyframes bg-scrolling {
            from {background-position: 0 0;}
              to {background-position: 110% 110%;}
        }

.lookatmyquizes{
    width:475px;
    height: 20%;
    background-color:rgb(49, 20, 77);
    border-width:10px;
border-color:rgb(54, 30, 70);
border-style:groove;
float:right;
border-left-width:0px;
margin-top:0px;

}
marquee{
    margin-top:1.5%;
}

.chudpage{
background-color:rgb(49, 20, 77);
    width:951px;
    height:700px;
    margin-left:auto;
    margin-right:auto;
    float:center;
    margin-top:80px;
}
.main{
    width:446px;
    height:15em;
    border-width:10px;
border-color:rgb(54, 30, 70);
border-style:groove;

float:left;
}

.pfp{width:150px;height:150px;
    position:relative;
    margin-left:30px;
    margin-top:30px;  
        border-width:5px;
border-color:rgb(150, 74, 201);
border-style:outset;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
          border-width:5px;
border-color:rgb(150, 74, 201);
border-style:outset;
border-bottom-width: 0px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
   background-color:rgb(49, 20, 77);
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */


/* Create an active/current tablink class */


/* Style the tab content */
.tabcontent {
     width:451px;
     float:right;
  display: none;
  padding: 6px 12px;
  border: 5px outset rgb(150, 74, 201);
  border-top: none;
}