* {
	margin: 0;
	padding: 0;
}

.wrapper {
	max-width: 1280px;
	margin: 0 auto;
}




.topnav {
    overflow: hidden;
    background-color: #616462;
    position: relative;
  }
  
  .topnav #myLinks {
    display: none;
  }
  
  .topnav a {
    color: rgb(0, 2, 9);
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
  
  .topnav a.icon {
    background: rgb(214, 214, 214);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .topnav a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .active {
    background-color: #04AA6D;
    color: white;
  }

.content-area {
    
	width: 100%;
    padding-top: 50px;
	position: relative;
	
}

.content-area p {
	padding: 2% 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 30px;
    font-size: 14px;
}


.mystyle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: coral;
    color: white;
    break-after: always;  
   

  }


  
.roundedimg {
    border-radius: 35%;
    width: 50%;
    height:50%;
  }
.newstyle{
    border-width: 2px;
    border-color: #04AA6D;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    overflow-wrap: break-word;
    width: 100%;
    background-color: #a8a4a4;
}


h4{
    color:black;
    background-color: #989898;
}
h5{
    color:black;
    background-color: #6d6d6d;
}


.fancybutton {
    background-color: #07e215;
    border: none;
    color: rgb(38, 1, 1);
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    font: bold 14px Arial;
    border-radius: 25%;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }

.button {
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
 
  }
.prevdiv{
  width:300px;
  height:300px;
  background-color: grey;
}
.buttnclaim{
    width:100%;
 }
 .gcDiv{
    touch-action: none;
    width: 100%;
 }
.gc{
    max-width: 400px;
    touch-action: none;
    user-select:  none;
    -webkit-user-select: none;
}
.prev {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.teststyle{

    width:100%;
    display: flex;
    justify-content: center;
    align-items: center
}
header {
	margin:auto;
	background: #262626;
	width: 100%;
	z-index: 10;
	position: fixed;
}
.preview{
    max-width: 150px;
    max-height: 150px;
}
.thumb{
    width: 100%;
    margin: 0 auto;
}
.smallthumb{
  display: block;
  min-width: 250px;
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.newstylesmall{
  border-width: 2px;
  border-color: #04AA6D;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  min-width: 250px;
  max-width: 350px;
  background-color: #a8a4a4;
}

.teststyle2
{
    width: 100%;
    max-width: 1280px;
    margin: auto;
    margin-bottom: 10px;
    overflow-y:auto;
}
body{
 
    overflow: scroll; /* Show scrollbars */
        background-image: url('bg.png');
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
    user-select:  none;
    -webkit-user-select: none;   
      
}