#drop_zone {
  border: 5px dashed black;
  width:  100%;
  height: 200px;
}

#contact {
  background-color:#eee
}

.contacttxt {
  font-size: 16px;
}

.abi {
  text-align:left;
}

#blockchain {
  background-color:#eee
}

.buttonspace {
  margin-top: 20px
}

.wrapper {
	border: 7px dotted #000;
	box-shadow: inset 0 -3px 0 0 #000, 0 3px 0 0 #000;
}

.certificate-title {
   text-align:center;
}

.dragging {
  background-color: red;
}

.icon-padding {
	margin-right: 20px;
	margin-bottom: 20px;
}

[v-cloak] {
  display: none;
}

.verified {
       margin-top: 20px;
       color: green;
       font-size: 20px;
}
.unverified {
       margin-top: 20px;
       color: red;
       font-size: 20px;
}


h1
{
  font-size: 48px;
  
  font-family: "Raleway", sans-serif
  color: white;
  margin:16px auto;
  font-weight:lighter;
  -moz-box-shadow:none;  
  -webkit-box-shadow: none;  
  box-shadow:none;  
  text-align:center;
  display:block;
   
 
}


body{
    text-align: center;
    
    background-image: url("../img/BackG.jpg"); 
    background-position: center;
}
.button {
  display: inline-block;
  vertical-align: top;
  padding: 4px 10px;
  font-family: inherit;
  cursor: pointer;
  font-size: 15px;
  color: #111;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 2px rgba(255, 255, 255, 1);
  background-color: #ccc;
  background-clip: padding-box;
  border: 1px solid;
  border-color: #202020 #1a1a1a #111;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top, #efefef, #777);
  background-image: -moz-linear-gradient(top, #efefef, #777);
  background-image: -o-linear-gradient(top, #efefef, #777);
  background-image: linear-gradient(to bottom, #efefef, #777);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.button:hover {
  background-color: #aaaaaa;
  background-image: -webkit-linear-gradient(top, #ccc, #555);
  background-image: -moz-linear-gradient(top, #ccc, #555);
  background-image: -o-linear-gradient(top, #ccc, #555);
  background-image: linear-gradient(to bottom, #ccc, #555);
}
.button:active, .button.active {
  background-color: #b42f32;
  border-color: #1c1c1c #202020 #222;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09);
}

.rounded {border-radius:100em!important;}



.lightGrey {
  color: #bbb;
  text-shadow: 0 0 2px rgba(0, 0, 0, .7);
  background-color: #303030;
  border-color: #1c1c1c #202020 #222;
  background-image: -webkit-linear-gradient(top, #8e8e8e, #434343);
  background-image: -moz-linear-gradient(top, #8e8e8e, #434343);
  background-image: -o-linear-gradient(top, #8e8e8e, #434343);
  background-image: linear-gradient(to bottom, #8e8e8e, #434343);
}
.lightGrey:hover {
  background-color: #313131;
  background-image: -webkit-linear-gradient(top, #7b7b7b, #2a2a2a);
  background-image: -moz-linear-gradient(top, #7b7b7b, #2a2a2a);
  background-image: -o-linear-gradient(top, #7b7b7b, #2a2a2a);
  background-image: linear-gradient(to bottom, #7b7b7b, #2a2a2a);
}


.test{
  display:inline-block;
}
 
.content{
  opacity:0;
   
  font-family: 'Raleway',sans-serif; 
  font-size: 25px; 
  font-weight: 500; 
  line-height: 32px; 
  margin: 0 0 24px; 
}
 
.test:hover .content {
  opacity:1;
  color:  #1E90FF;
}

.img-linked
{
    display:inline-block;
    border:0;
    width:100%;
    height:100%
 
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);   

}
.img-linked:hover
{
      
    box-shadow: 0px 0px 150px #000000;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all 200ms ease-in;
    transform: scale(1.05);
}

    
pre {
    font-family: system-ui;
    color: white; 
    background-image: url("../img/BackG.jpg");
}





*[role="form"] {
    max-width: 530px;
    padding: 15px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 0.3em;
}