@import url(header.css);
@import url(modal.css);
@import url(main.css);
@import url(lk.css);

:root {
	--done: rgba(64, 80, 181, 0.08);
	--polar: #2e6095;
	--net: #ab1cff;
	--main-color: #f6e6ef;
	--april-pink: #ff0089;
	--april-blue: #4050b5;
	--font-family: "Montserrat", sans-serif;
	--second-family: "Unbounded", sans-serif;
	--third-family: "Nunito Sans", sans-serif;
	--font3: "Inter", sans-serif;
}

* {
	padding:0;
	margin:0;
	box-sizing:border-box;
}

body {
	background: linear-gradient(41.98deg, #11257c 62.35%, #ff0089 90.79%);
}

#main.active {
	position:relative;
}

.wrap {
	max-width:1440px;
	width:100%;
	padding:0 10px;
	margin:0 auto;
}

.form-message {
    margin: 12px 0;
    padding: 12px 14px;
    border-radius: 10px;
    font-family: var(--font-family);
    font-size: 14px;
    line-height: 1.35;
}

.form-message.error {
    background: rgba(255, 59, 92, 0.14);
    border: 1px solid rgba(255, 59, 92, 0.4);
    color: #ffd7de;
}

.form-message.success {
    background: rgba(6, 182, 61, 0.14);
    border: 1px solid rgba(6, 182, 61, 0.45);
    color: #c9ffe0;
}

@media (max-width: 768px) {
	body {
		background: linear-gradient(180.52deg, #ff0089 -0.2%, #11257c 4.1%, #11257c 25.86%, #11257c 78.56%, #11257c 96.43%, #ff0089 100.31%);
	}	
}