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


#bg { background: url('../images/bg-violetcar-01.jpg') no-repeat left top; background-size: cover; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1; }
#overlap { background-color: rgba(93, 56, 187, .7); height: 100%; left: 0; position: fixed; right: 0; width: 100%; z-index: 2; }
#main { height: 100%; left: 0; overflow-y: auto; position: fixed; right: 0; width: 100%; z-index: 3; }
#main #top { background-color: #dd36b7; color: #fff; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; padding: 15px 0; text-align: center; }
#main #content { margin: 0 auto; padding: 0 40px; max-width: 350px; }
#main #content #logo { background: url('../images/logo-violetcar.png') no-repeat center top; background-size: contain; height: 228px; width: 100%; }
#main #content #button { margin: 40px 0; }
#main #content #social {}

.follow-us { color: #fff; font-size: 22px; padding-bottom: 10px; }

.center { text-align: center; }
.a-button { background-color: #eee; border: solid 2px transparent; border-radius: 10px; box-shadow: 0 2px 3px #333; cursor: pointer; padding: 5px 0; text-align: center; text-decoration: none !important; }
.a-button i { margin-right: 5px; }
.a-button.block { display: block; margin-bottom: 15px; width: 100%; }
.a-button.large { border-radius: 50px; border-width: 3px; font-size: 24px; padding: 12px 0; }
.a-button.whatsapp { background-color: #1bd741; color: #fff; }
.a-button.facebook { background-color: #3b5998; color: #fff; }
.a-button.instagram { background-color: #dd36b7; color: #fff; }
.a-button.tiktok { background-color: #010101; color: #fff; }
.a-button:hover { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; }

@media (min-width: 576px) {
	#main #top { font-size: 18px; }
	#main #content { padding: 0; width: 350px; }
}