/*-- scss:defaults --*/

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,400i,600&display=swap);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap);
@import url(https://fonts.googleapis.com/css?family=Fira+Mono&display=swap);

// fonts
$font-family-sans-serif: Montserrat, sans-serif !default;
$font-family-monospace: "Fira Mono", monospace  !default;

// colors
$body-bg: #fff !default;
$body-color: #272822 !default;
$link-color: #055099 !default;

// headings
$presentation-heading-font: "Josefin Sans", sans-serif !default;
$presentation-heading-color: #3d2d43 !default;

$h1-font-size: 1.6em !default;
$h2-font-size: 1.3em !default;
$h3-font-size: 1.15em !default;
$h4-font-size: 1em !default;

// code blocks
$code-block-border-color: #a592ac !default;
$code-color: $presentation-heading-color;

//
// Color system
//

// stylelint-disable
$white:    #fff !default;
$gray-100: #f1edf3 !default;
$gray-200: #e6dee9 !default;
$gray-300: #d4c6d9 !default;
$gray-400: #b69ebe !default;
$gray-500: #9f80aa !default;
$gray-600: #8b6699 !default;
$gray-700: #6e5078 !default;
$gray-800: #63486c !default;
$gray-900: #4c3854 !default;
$black:    #000 !default;

/*-- scss:rules --*/

#title-slide {
    text-align: left;
    display: flex!important;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
}

.title{
    color: $white;
    font-size: 2.5em;
    font-family: $presentation-heading-font;
}

.subtitle{
    color: $gray-100;
    font-size: $h2-font-size;
    font-family: $presentation-heading-font;
}


.author {
    color: $white;
    font-size: $h3-font-size;
    font-family: $presentation-heading-font;
}

.date {
    color: $white;
}

.message{
    color: $presentation-heading-color;
    font-size: $h2-font-size;
    font-family: $presentation-heading-font;
    text-align: center;
}

.space-left {
    margin-left: 5%;
}

.center-xy {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateY(-50%), translateX(-50%);
    transform: translateY(-50%), translateX(-50%);
}

.small {
    font-size: 0.8em
}

.tiny {
    font-size: 0.4em
}

.big {
    font-size: 1.4em
}

.Large {
    font-size: 1.6em
}

section.has-dark-background a {
    color: $white;
    border-style: dashed;
    border-bottom-width: 1px;
}

section.has-dark-background a:hover {
    color: $white;
    border-bottom: solid
}

.reveal h2 {
    padding-top: 50rem;
    padding-bottom: 2rem;
    padding-left: 20rem;
    padding-right: 20rem;
    background-color: $gray-800;
    color: $white;
    position: relative;
    //top: -38rem;
    margin-top: -52rem;
    margin-bottom: 2rem;
    left: -20rem;
    width: 100%;
}

/*
.slide {
    padding: 2rem;
}*/
@keyframes tilt-n-move-shaking {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(1px, 1px) rotate(1deg); }
    50% { transform: translate(0, 0) rotate(0eg); }
    75% { transform: translate(-1px, 1px) rotate(-1deg); }
    100% { transform: translate(0, 0) rotate(0deg); }
  }

.server-image {
    // animate jiggle
    animation: tilt-n-move-shaking 0.5s infinite;
    margin: 0!important;
}

.spread {
    text-align: left;
    display: flex !important;
    flex-direction: column;
    height: 80%;
    justify-content: space-around;
}   
