/*KrisnaMarie.me 1.0
/*By Krisna Meneice */

/*Imports */

@import url('https://fonts.googleapis.com/css?family=Damion');
@import url('https://use.fontawesome.com/releases/v5.8.2/css/all.css');
@import url('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css');
@import url('https://stackpath.bootstrapcdn.com/bootswatch/4.3.1/lux/bootstrap.min.css');
@import 'main/nav.css';
@import 'main/type.css';
@import 'main/page.css';
@import 'main/images.css';
@import 'main/modal.css';
@import 'main/form.css';
@import 'main/slideshow.css';
@import 'main/portfolio-grid.css';
@import 'main/footer.css';


/*Variables */
:root {
    --script-font: Damion, sans-serif; /*windows defualt script or cursive font is 'Comic Sans' = ick*/
    --my-fushia: #a60f55;
    --my-purple: #592d45;
    --my-pink:   #f9bbd8;
    --my-white: #e6e5e6;
}

/*LEFT HERE BECAUSE OF BACKGROUND IMAGE */
.page {
    background-image: url('../images/assets/abstract02.png');
    background-color: var(--my-fushia); 
    background-size: auto 100px;/*RESIZE ACTUAL IMAGE */
    padding-top: 8em; /*for menu */
    min-height: 100vh;
    width: 100%;
}

/*Tiled images for portfolio page */

.t01 {
    background-image: url('../images/content/tiles/01.png');
    background-repeat: repeat;
}

.t02 {
    background-image: url('../images/content/tiles/02.png');
    background-repeat: repeat;
}

.t03 {
    background-image: url('../images/content/tiles/03.png');
    background-repeat: repeat;
}

.t04 {
    background-image: url('../images/content/tiles/04.png');
    background-repeat: repeat;
}

.t05 {
    background-image: url('../images/content/tiles/05.png');
    background-repeat: repeat;
}

.t06 {
    background-image: url('../images/content/tiles/06.png');
    background-repeat: repeat;
}

.t07 {
    background-image: url('../images/content/tiles/07.png');
    background-repeat: repeat;
}

.t08 {
    background-image: url('../images/content/tiles/08.png');
    background-repeat: repeat;
}

.t09 {
    background-image: url('../images/content/tiles/09.png');
    background-repeat: repeat;
}

.t10 {
    background-image: url('../images/content/tiles/10.png');
    background-repeat: repeat;
}

.t11 {
    background-image: url('../images/content/tiles/11.png');
    background-repeat: repeat;
}

.t12 {
    background-image: url('../images/content/tiles/12.png');
    background-repeat: repeat;
}