@import url('https://fonts.googleapis.com/css2?family=Manufacturing+Consent&display=swap');

/*========================================
= GLOBAL
=========================================*/


* {
    cursor: url("img/cursor.png"), auto;
    box-sizing: border-box;
}

body {
    padding: 0;
    min-height: 100vh;
    font-family: "Manufacturing Consent", system-ui;
    background-image: url("https://bettysgraphics.neocities.org/images/backgrounds/pattern%20532.gif");
    background-repeat: repeat;
    background-attachment: fixed;
    overflow-x: hidden;
}

main {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    text-align: center;}


/*========================================
= TEXT
=========================================*/

.dungeon-title{
  align-content: center;
  align-items: center;
  text-align: center;
}

h1 {
    font-family: "Manufacturing Consent", system-ui;
    font-size: 72px;
    color: white;
    text-align: center;
    align-content: center;
    display: inline;
}

p {
    font-family: "Manufacturing Consent", system-ui;
    font-size: 50px;
    color: white;
    text-align: center;
}

/*========================================
= ROOM
=========================================*/

.room-container {
    margin: 40px auto;
    max-width: 800px;
    padding: 0 10px;
    align-content: center;
}

.room-container img {
    width: 120%;
    height: 120%;
    display: block;
        padding: 0 10px;
    align-content: center;
}



/*========================================
= LINKS
=========================================*/

a {
    color: white;
    text-decoration: none;
}