site.scss

---
---

// SASS style sheet */
// Palette color codes */
// Palette URL: http://paletton.com/#uid=33L0u0kkZm3aqxLfLrkq0h4vqbB */

// Feel free to copy&paste color codes to your application */


// As hex codes */

$color-primary-0: #314676;	// Main Primary color */
$color-primary-1: #7C8CAF;
$color-primary-2: #526592;
$color-primary-3: #192D5B;
$color-primary-4: #07183E;

$color-secondary-1-0: #B09C3D;	// Main Secondary color (1) */
$color-secondary-1-1: #FFF1AC;
$color-secondary-1-2: #DAC76F;
$color-secondary-1-3: #887519;
$color-secondary-1-4: #5C4D02;

$color-secondary-2-0: #B0713D;	// Main Secondary color (2) */
$color-secondary-2-1: #FFD2AC;
$color-secondary-2-2: #DA9F6F;
$color-secondary-2-3: #884C19;
$color-secondary-2-4: #5C2B02;



// As RGBa codes */

$rgba-primary-0: rgba( 49, 70,118,1);	// Main Primary color */
$rgba-primary-1: rgba(124,140,175,1);
$rgba-primary-2: rgba( 82,101,146,1);
$rgba-primary-3: rgba( 25, 45, 91,1);
$rgba-primary-4: rgba(  7, 24, 62,1);

$rgba-secondary-1-0: rgba(176,156, 61,1);	// Main Secondary color (1) */
$rgba-secondary-1-1: rgba(255,241,172,1);
$rgba-secondary-1-2: rgba(218,199,111,1);
$rgba-secondary-1-3: rgba(136,117, 25,1);
$rgba-secondary-1-4: rgba( 92, 77,  2,1);

$rgba-secondary-2-0: rgba(176,113, 61,1);	// Main Secondary color (2) */
$rgba-secondary-2-1: rgba(255,210,172,1);
$rgba-secondary-2-2: rgba(218,159,111,1);
$rgba-secondary-2-3: rgba(136, 76, 25,1);
$rgba-secondary-2-4: rgba( 92, 43,  2,1);



// Generated by Paletton.com © 2002-2014 */
// http://paletton.com */
.button {
    padding: 1em 2em;
    background-color: $rgba-secondary-2-4;
    text-decoration: none;
    color: white;
    font-weight: bold;
    display: inline-block;
}



body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;

    & > * {
        padding: 2em;
        // border: 1px solid black;
    }


    nav {
        padding:0;
        margin: 0;

        h1, h2, h3, h4 {
            padding: 0;
            margin: 0;
        }

        .nav-img {
            color: white;
            box-sizing: border-box;
            padding: 4em;
            width: 100%; 
            min-height: 300px; top: 0; left: 0;
            background:  
            linear-gradient(rgba(  7, 24, 62, 0.7), rgba(  7, 24, 62,0.7)), 
            url(/assets/dotbot.jpg) no-repeat center;
            background-size: cover;
        }
    }
}