/* imports */
@import 'scroll-animation.css';
@import 'logo-animation.css';
@import 'user-defined.css';
@import 'contact-form.css';
@import 'sending-animation.css';
@import 'modal.css';
@import 'popup.css';

/* variables */
:root{
	--main1: #fbf9f9;
	--main2: #333;
	--height: 100vh;
	--width: 100vw;
	--textsize: 2.3vh;
	--labelsize: 12px;
	--bannersize: 8vh;
	--headingsize: 6vh;
	--maxwidth: 90vw;
}

body{
	margin: 0;
	font-family: 'Open Sans', 'Inter', sans-serif;
}

p{
	margin: 0;
}

html{
	scroll-behavior: smooth;
}

a{
	color: var(--main2);
	cursor: pointer;
	text-decoration: none;
}

/* Checkboxes 

input[type='checkbox'] { display:none; }
input[type='checkbox'] + label:before {
    	font-family: 'Font Awesome 5 Pro';
    	display: inline-block;
}
input[type='checkbox'] + label:before {
	content: "\f00c";
  	font-weight: 100;
}
input[type="checkbox"]:checked + label:after {
  	font-weight: 900;
}
*/