@charset "utf-8";/* CSS Document Copyright © 2023 UNITEPAK(FREELANCE)(SMC-PVT)LTD. - All rights reserved.  */

import url('');body{height:100vh;min-height:550px;background-image: url(valenALL-FOR-You.jpg);background-repeat: no-repeat;background-size:cover;background-position:center;position:relative;overflow-y: hidden;}.login-reg-panel{position: relative;top: 50%;transform: translateY(-50%);text-align: right;width: 77%;right: 0;left: 0;margin: auto;height: 400px;border: 7px solid green;border-radius: 7%;border-radius: 27%;background-color: rgba(250, 48, 70, 0.9);text-shadow: 0px 0px #000000;}.login-show{text-align:center;}.login-show, .register-show{z-index: 1;/* display:none;opacity:0; */transition:0.3s ease-in-out;color:#242424;text-align:left;padding:50px;}.show-log-panel{display:block;opacity:0.9;}.login-reg-panel #label-login, .login-reg-panel #label-register{border: 1px solid #9E9E9E;padding: 5px 5px;display: block;text-align: right;border-radius: 10px;cursor: pointer;border-style: groove;font-size: 18px;color: #D7E313;}.register-info-box{width:70%;padding:0 50px;top:20%;right:0;position:absolute;text-align:left;border-radius: 7%;}.fc_textboxname{ background-color:#2FDBC3;}.login-show input[type="text"],.register-show input[type="text"], .login-show input[type="password"],.register-show input[type="password"]{width: 100%;display: block;margin:7px 0;padding: 15px;border: 1px solid #b5b5b5;outline: none;}.regbtn {max-width: 150px;text-align:center;width: 100%;height: 10%;	background: #444444;color: #f9f9f9;border: none;padding: 10px;text-transform: uppercase;border-radius: 70%;float:right;cursor:pointer;}/* .login-show input[type="button"] { */
body { margin: 0;font-family: Arial, Helvetica, sans-serif;}#header {background-color: #f1f1f1;padding: 40px 10px;color: black;text-align: center;font-size: 70px; font-weight: bold;position: fixed;top: 0;width: 100%;transition: 0.2s;}* {box-sizing: border-box;}h1 {text-shadow: 2px 2px 5px red;}/* Style the header */.headerimg {background-color: #f1f1f1;background-image:url(Gimage/game.png);background-position:left;background-size:cover;padding: 30px;text-align:center;color:#8E0770;font-size: 35px;}/* Create three equal columns that floats next to each other */.column {float: left;width: 33.33%;padding: 10px;transform: rotateX(1deg);height: 300px; /* Should be removed. Only for demonstration */}.img a:hover {background-color: #ddd;color: black;border:dotted;border-color:#D911B9;}/* Clear floats after the columns */.row:after {content: "";display: table;clear: both;}/* Style the footer */.footer {background-color: #f1f1f1;padding: 10px;text-align: center;}/* Style the top navigation bar */.topnav {overflow: hidden;background-color: #333;}/* Style the topnav links */.topnav a {float: left;font-size:24px;display: block;color: #f2f2f2;text-align: center;padding: 14px 16px;text-decoration: none;}/* Change color on hover */.topnav a:hover {background-color: #ddd;color: black;}.input-container {display: -ms-flexbox; /* IE10 */display: flex;width: 100%;margin-bottom: 15px;}.icon {padding: 10px;background: dodgerblue;color: white;min-width: 50px;text-align: center;}.input-field {width: 100%;padding: 10px;outline: none;}.input-field:focus {border: 2px solid dodgerblue;}/* Set a style for the submit button */.btn {background-color: dodgerblue;color: white;padding: 15px 20px;border: none;cursor: pointer;width: 100%;opacity: 0.9;}input[type=text],  textarea {width: 100%;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;resize: vertical;}/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */@media (max-width: 600px) {.column {width: 100%;}}@media (max-width: 500px) {.topnav a {font-size:12px;}}/*  */.image {display: block;width: 100%;height: 100%;}.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: #008CBA;}.column:hover .overlay {opacity: 1;}.text {color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}h7 {text-shadow: 2px 2px 5px yellow;}
transition:0.3s ease-in-out;color:#242424;text-align:left;padding:50px;}.show-log-panel{display:block;opacity:0.9;}.login-reg-panel #label-login, .login-reg-panel #label-register{border: 1px solid #9E9E9E;padding: 5px 5px;display: block;text-align: right;border-radius: 10px;cursor: pointer;border-style: groove;font-size: 18px;color: #D7E313;}.register-info-box{width:70%;padding:0 50px;top:20%;right:0;position:absolute;text-align:left;border-radius: 7%;}.fc_textboxname{ background-color:#2FDBC3;}.login-show input[type="text"],.register-show input[type="text"], .login-show input[type="password"],.register-show input[type="password"]{width: 100%;display: block;margin:7px 0;padding: 15px;border: 1px solid #b5b5b5;outline: none;}.regbtn {max-width: 150px;text-align:center;width: 100%;height: 10%;	background: #444444;color: #f9f9f9;border: none;padding: 10px;text-transform: uppercase;border-radius: 70%;float:right;cursor:pointer;}