/* **********************************************************
 * add custom styles after imports below
 * ********************************************************** */

@import "default.css";
@import "layout.css";
@import "menu.css";
@import "queries.css";
@import "custom.css"; /* use this css file to make changes to colors and font styles*/


/* **********************************************************
 * Customizing
 *
 * changes to default settings like colors, typography,
 * spacing can be made in default.css
 *
 * other custom settings, start below
 *
 * ********************************************************** */

* {
    line-height: 150%;
    font-size:20px;
    font-weight:300px;
   
}



.big-image{
    margin-bottom:0px;
}

.big-image2{
    margin:100px;
}

.big-image4{
    margin:50px;
}

.big-image3{
    margin-top:0px;
    margin:100px;
}





.homepage_body {
    background-color: #2220E3;
    color: var(--color-fg);
    /* background: radial-gradient(red, green, blue); */
    background-image: url('/assets/videos/try.gif');
    background-position: center;
    background-blend-mode: screen;



}


.experiments_body {
    background-color: #00ff44;
    color: var(--color-fg);
    /* background: radial-gradient(red, green, blue); */
    background-position: center;

}

.experiment1_body{
    overflow-x: hidden;
    background-color: #b4b4b4;
}


body {
        background-color: #2220E3;
        color: var(--color-fg);
    


background-position: center;
background-blend-mode: screen;

}

    /* background-color: var(--color-bg); */
    /* background-color: #2220E3; */
   



@media (orientation: portrait) {
    * {
        font-size: 16px;
    }
}