/*
Theme Name: Möllan
Author: Tristan Vicente Hernandez
Description: Möllan
Version: 1.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.0
License: Proprietary - Permission Required
License URI: trille.nu
Text Domain: your-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: MSCHFSansMono;
    font-style: normal;
    font-weight: 400;
}

html,
body {
    height: 100%;
    width: 100%;
}

@font-face {
    font-family: "MSCFSansMono";
    src: url("./MSCHFSansMono.otf");
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

html,
body {
    background-color: #DCDCDC;
}

h2.wp-block-post-title {
    color: white;
    font-size: 45px;
    font-family: "Space Mono";
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Space Mono";
}

h2.wp-block-post-title {
    color: #74a19d;
}

p {
    color: #eee;
}

p {
    color: rgb(128, 128, 128);
}

.image-foot {
    display: none;
}

#footer-image-large {
    display: block;
}

.image-foot {
    position: fixed;
    bottom: 0;
    z-index: 1;
    display: none;
    width: 100%;
}

.image-foot img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    main {
        padding: 20px;
    }

    #footer-image-small {
        display: block;
    }

    #footer-image-large {
        display: none;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 768px) {
    main {
        padding: 20px;

    }

    #footer-image-small {
        display: block;
    }

    #footer-image-large {
        display: none;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    main {
        padding: 20px;
    }

    #footer-image-large {
        display: block;
    }

        #footer-image-small {
        display: none;
    }
}