@charset "utf-8"; $family-sans-serif: "Open Sans", sans-serif; $family-code: "Fira Code", monospace; $body-color: white; $strong-color: white; $link: #feda5a; $link-hover: white; $input-icon-color: #1d1e22; $input-icon-active-color: black; $section-padding-large: 10rem 1.5rem; $navbar-background-color: #feda6a; $navbar-item-color: black; $navbar-item-hover-color: white; $navbar-item-hover-background-color: #feda6a; $navbar-burger-color: black; $footer-background-color: #393f4d; $footer-color: true; $card-header-color: black; $card-header-background-color: #feda6a; $card-footer-background-color: #feda6a; $card-background-color: grey; $table-head-background-color: #feda6a; $table-body-background-color: white; $box-background-color: #feda6a; $box-padding: 0.25rem; $media-border-color: #feda6a; $menu-item-color: white; $menu-item-hover-color: black; $menu-item-hover-background-color: #feda6a; $menu-label-font-size: 1em; @import "bulma/sass/utilities/_all"; @import "bulma/sass/base/_all"; @import "bulma/sass/elements/_all"; @import "bulma/sass/form/_all"; @import "bulma/sass/components/_all"; @import "bulma/sass/grid/_all"; @import "bulma/sass/helpers/_all"; @import "bulma/sass/layout/_all"; /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/static/css/open-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */ } canvas{ width: 100%; height: auto; } .bg-yayellow{ background-color: #feda6a; } .bg-deepmatte{ background-color: #393f4d; } .bg-darkslate{ background-color: #1d1e22; } .brdr-yayellow{ border: 2px solid #feda6a; } .brdr-darkslate{ border: 2px solid #1d1e22; } .bg-compliment{ background-color: #384667; } .fg-yellow{ color: #feda6a; } .my-shadow-subtle{ -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.75); box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.75); }