path: root/src/scss/index.scss

@charset "utf-8";

// Import Google Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');

// Set brand colors
$pine-green: #01646d;
$midnight-green: #114b5f;
$eton-blue: #88d498;
$pastel-gray: #c6dabf;
$isabelline: #f7f4ea;

// Update Bulma's global variables
// $primary: $pine-green;
// $link: $midnight-green;
// $info: $cyan
// $success: $eton-blue;
// $warning: $yellow
// $danger: $red
// $dark: $grey-darker
// $text: $grey-dark
// $family-sans-serif: "Nunito", sans-serif;
// $hr-background-color: $primary;

// $body-background-color: $isabelline;

// Import only what you need from Bulma
@import "../../node_modules/bulma/sass/utilities/_all.sass";
@import "../../node_modules/bulma/sass/base/_all.sass";
@import "../../node_modules/bulma/sass/elements/_all.sass";
@import "../../node_modules/bulma/sass/form/_all.sass";
@import "../../node_modules/bulma/sass/components/_all.sass";
@import "../../node_modules/bulma/sass/layout/_all.sass";
@import "../../node_modules/bulma/sass/grid/_all.sass";

.blurb {
	background-color: white;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

.banner {
	border-radius: 5px !important;
	clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);
}

body {
	background-image: url("/bg.png");
}