@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap');

body {
	margin: 0px;
    padding: 0px;
    overflow: hidden;
	background: url(../bg.jpg);
	background-size: 100% 100%;
}

* {
	font-family: sans-serif;
	font-size: 16px;
}

::-webkit-scrollbar { display: none!important; }

::-webkit-scrollbar-thumb {
    background: transparent;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

/******************************************************************************************/

.main {
	display: none;
	position: absolute;
    top: 50%;
    right: 10%;
    transform: translate(0, -50%);
    max-height: 444px;
    overflow-x: hidden;
    overflow-y: auto;
}

.main .element {
	position: relative;
    background: rgba(255,255,255,0.2);
    border: 2px solid rgba(255,255,255,0.8);
    color: white;
    padding: 6px 10px 6px 40px;
    margin: 6px;
    font-weight: bold;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
    text-shadow: 0px 0px 6px rgba(0,0,0,0.6);
	width: 450px;
	cursor: pointer;
	transition: background .2s, transform .2s;
}

.main .element i {
	position: absolute;
    top: 7px;
    left: 12px;
}

.main .element:hover {
	transform: scale(1.02);
	background: transparent;
}