@charset "utf-8";
:root {
/*
	--base-color: #3ECFDC;
	--main-color: #07C0D1;
	--dark-color: #058995;
	--accent-color: #7CDFE8;
	--hover-color: #FFDE5F;
*/
	--base-color: #ED7C9F;
	--main-color: #E53F72;
	--accent-color: #DC0547;
	--dark-color: #A32D51;	
	--hover-color: #FFDE5F;

	--light-gray-color: #DDDDDD; /* #CCCCCC */
	--gray-color: #999999; /* #AAAAAA */
	--black-color: #000000; /* #000000 */
	--white-color: #FEFEFE; /* #FFFFFF */
	--dark-gray-color: #222222; /* #222222 */
	--dark-blue-color: #5A6772; /* #5A6772 */

	--background-color: #F9F9F9; /* #F9F9F9 */
	--background-color-el: #EDEDED; /* #EDEDED */
	
}

*, *::before, *::after { box-sizing: border-box; }

.m-1 { margin: 0.25rem!important; }
.m-2 { margin: 0.5rem!important; }
.m-3 { margin: 1rem!important; }
.m-4 { margin: 1.5rem!important; }
.m-5 { margin: 3rem!important; }

.mr-1, .mx-1 { margin-right: 0.25rem!important; }
.ml-1, .mx-1 { margin-left: 0.25rem!important; }
.mr-2, .mx-2 { margin-right: 0.5rem!important; }
.ml-2, .mx-2 { margin-left: 0.5rem!important; }
.mr-3, .mx-3 { margin-right: 1rem!important; }
.ml-3, .mx-3 { margin-left: 1rem!important; }
.mr-4, .mx-4 { margin-right: 1.5rem!important; }
.ml-4, .mx-4 { margin-left: 1.5rem!important; }
.mr-5, .mx-5 { margin-right: 3rem!important; }
.ml-5, .mx-5 { margin-left: 3rem!important; }

.mt-1, .my-1 { margin-top: 0.25rem!important; }
.mb-1, .my-1 { margin-bottom: 0.25rem!important; }
.mt-2, .my-2 { margin-top: 0.5rem!important; }
.mb-2, .my-2 { margin-bottom: 0.5rem!important; }
.mt-3, .my-3 { margin-top: 1rem!important; }
.mb-3, .my-3 { margin-bottom: 1rem!important; }
.mt-4, .my-4 { margin-top: 1.5rem!important; }
.mb-4, .my-4 { margin-bottom: 1.5rem!important; }
.mt-5, .my-5 { margin-top: 3rem!important; }
.mb-5, .my-5 { margin-bottom: 3rem!important; }

.p-1 { padding: 0.25rem!important; }
.p-2 { padding: 0.5rem!important; }
.p-3 { padding: 1rem!important; }
.p-4 { padding: 1.5rem!important; }
.p-5 { padding: 3rem!important; }

.pr-1, .px-1 { margin-right: 0.25rem!important; }
.pl-1, .px-1 { margin-left: 0.25rem!important; }
.pr-2, .px-2 { margin-right: 0.5rem!important; }
.pl-2, .px-2 { margin-left: 0.5rem!important; }
.pr-3, .px-3 { margin-right: 1rem!important; }
.pl-3, .px-3 { margin-left: 1rem!important; }
.pr-4, .px-4 { margin-right: 1.5rem!important; }
.pl-4, .px-4 { margin-left: 1.5rem!important; }
.pr-5, .px-5 { margin-right: 3rem!important; }
.pl-5, .px-5 { margin-left: 3rem!important; }

.pt-1, .py-1 { margin-top: 0.25rem!important; }
.pb-1, .py-1 { margin-bottom: 0.25rem!important; }
.pt-2, .py-2 { margin-top: 0.5rem!important; }
.pb-2, .py-2 { margin-bottom: 0.5rem!important; }
.pt-3, .py-3 { margin-top: 1rem!important; }
.pb-3, .py-3 { margin-bottom: 1rem!important; }
.pt-4, .py-4 { margin-top: 1.5rem!important; }
.pb-4, .py-4 { margin-bottom: 1.5rem!important; }
.pt-5, .py-5 { margin-top: 3rem!important; }
.pb-5, .py-5 { margin-bottom: 3rem!important; }