* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

::-webkit-scrollbar {
    width: 1px;
    height: 1px
}


body, html {
    height: 100%;
    overflow-x: hidden;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
}
#neon-btn {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 100vh;
  background: #031628; 
}


.box {
    width: 400px;
    padding: 40px;
    border-radius: 30px;
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#search_button {
    vertical-align: middle;
    height: 150px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 0px;
}


#pic img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: #fff;
    padding: 6px;
    box-shadow: 0 1px 10px 0 rgba(44, 42, 54, .3);
}

#name{
  background-color:#FFFAFA; 
  height:30px; 
  font-size:18px; 
  width:80%
}
#comment{
  background-color:#FFFAFA;  
  height:120px; 
  font-size:18px; 
  width:100%
  
}
#info_comment{
  padding:20px;
  border-radius: 1rem;
  text-align: center;
  border:5px solid #FFFAFA;
  background:#ffc7c6
}

#zm_gll {
    color: #eeeeee;
    overflow: hidden;
    margin: 10px 0;
    padding: 15px 15px 15px 35px;
    /*border-radius: 10px;*/
    box-shadow: 6px 0 12px -5px rgb(68, 110, 92), -6px 0 12px -5px rgb(204, 212, 163);
    background-image: linear-gradient( 102deg, rgba(68,110,92,1) 17.4%, rgba(107,156,120,1) 49.3%, rgba(154,183,130,1) 83.4%, rgba(247,237,191,1) 110.3% );
}

.btn {
  border: 1px solid;
  background-color: transparent;
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 20px;
  font-weight: 300;
}

.one {
  color: #4cc9f0;
}

.btn:hover {
  color: white;
  border: 0;
}

.one:hover {
  background-color: #4cc9f0;
  -webkit-box-shadow: 10px 10px 99px 6px rgba(76,201,240,1);
  -moz-box-shadow: 10px 10px 99px 6px rgba(76,201,240,1);
  box-shadow: 10px 10px 99px 6px rgba(76,201,240,1);
}


@media only screen and (max-width: 60em) {
    .box {
        width: 100%;
        padding: 20px;
    }

    .bg_image {
        filter: blur(20px);
    }
}
.css_btn_class {
	font-size:20px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:0px solid #dcdcdc;
	padding:9px 50px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	color:#666666;
	display:inline-block;
	text-shadow:1px 0px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 14px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 14px 0px #ffffff;
 	box-shadow:inset 1px 1px 14px 0px #ffffff;
}
.css_btn_class:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}
.css_btn_class:active {
	position:relative;
	top:1px;
}