/* [ IMPORTS ] */

@import "general.css";
@import "navigation.css";
@import "animations.css";
@import "typography.css";
@import "buttons.css";
@import "form.css";
@import "tab.css";
@import "zindex.css";

/* [ COLORS ] */

.color-white { background-color: rgba(240, 240, 240, 1); }
.color-grey { background-color: rgba(160, 170, 180, 1); }
.color-grey-bright { background-color: rgba(200, 210, 220, 1); }
.color-grey-light { background-color: rgba(90, 100, 110, 1); }
.color-grey-middle { background-color: rgba(70, 80, 90, 1); }
.color-grey-dark { background-color: rgba(50, 60, 70, 1); }
.color-pink { background-color: rgba(240, 170, 170, 1); }
.color-beige { background-color: rgba(220, 160, 120, 1); }
.color-blue { background-color: rgba(140, 210, 210, 1); }

/* [ CONTENT HEIGHT ] */

.top { height: 80px; }
.footer { min-height: auto; }

.container .content:nth-child(1) { min-height: auto; }
.container .content:nth-child(1) .effect { min-height: 30%; }
.container .content:nth-child(2) { min-height: auto; }
.container .content:nth-child(3) { min-height: auto; }
.container .content:nth-child(4) { min-height: auto; }