@import "modules/_variables.css";
@import "components/_Buttons.css";

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html{
	scroll-behavior: smooth;
	font-size: 17px;
}
@media screen and (min-width: 768px){
	html{
		font-size: 16px;
	}
}
body{
	font-family: "Roboto", sans-serif;
	background-color: var(--background-body);
	color: var(--text-color);
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
}
ul{
	list-style: none;
}
ul li{
	display: inline-block;
}
label, input, textarea{
	display: inline-block;
	margin-bottom: 1rem;
	width: 100%;
	outline: none;
}
input, textarea{
	border: 1px solid transparent;
	padding: 1rem .8rem;
	color: var(--color-text);
	background-color: rgba(255, 255, 255, 0.3);
	transition: border .3s;
}
input::placeholder, textarea::placeholder{
	color: rgba(255, 255, 255, 0.6);
}
textarea{
	overflow: auto;
	box-shadow: none;
	resize: none;
}

/*.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;margin:-4px 0 0 -4px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-108ms}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-144ms}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-216ms}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-252ms}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-288ms}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}*/