@font-face {
    font-family: Leipis;
    src: url(Mulish/Mulish-VariableFont_wght.ttf);
}

@font-face {
    font-family: Leipis;
    src: url(Mulish/Mulish-Italic-VariableFont_wght.ttf);
    font-style: italic;
}

.container {
    max-width: 550px;
    background-color: rgb(126, 28, 28);
    padding: 30px;
    margin-left: auto;
    margin-right: auto;    
    text-align: center;
    color: #ffe58e;
    min-height: 800px;
}

body {
    margin: 0;
    background-image: url(rose\ background.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 98%;
    font-family: Leipis, sans-serif;
}

h1, h2 {
    font-weight: 400;
    line-height: 0.85;
}

h2 {
    margin-bottom: 30px;
    margin-top: 22px;
    font-family: "Playwrite US Modern", cursive;
    font-style: italic;
}

a:link {color: rgb(230, 144, 32);}
a:visited {color: rgb(226, 223, 43);}
a:hover {color: rgb(226, 168, 43);}
a:active {color: rgb(226, 223, 43);}

.header {
    box-shadow: 0px 5px 5px 2px #5a0404;
    padding: 1px;
}

iframe {
    padding: 15px 0px 0px 0px;
    opacity: 0.75;
    box-shadow: 0px 5px 5px 2px #5a0404; 
    display: block;
    margin-left: auto;
    margin-right: auto;    
}