* {
    box-sizing: border-box;
}

body {
    font-size: 16px;
    background-image: url(/img/bg/bg.webp);
    background-repeat: repeat;
}

#install-container {
    max-width: 996px;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 0.5rem;

    label {
        display: block;
        font-size: 0.8rem;
    }

    input {
        width: 100%;
    }
}

.text-red {
	color: #d20f39;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.my-1 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.my-2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

div.alert {
	font-size: 0.9rem;
	padding: 0.5rem;
	background-color: gray;

	&.is-danger {
		color: hsl(359deg, 68%, 11%);
		background-color: hsl(359deg, 68%, 71%);
	}
}