@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
body{
    background-image:url('https://files.catbox.moe/jgp9ft.jpg');
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
    letter-spacing:1px;
    text-align:left;
    font-size:13px;
    line-height:20px;
    font-family:'Quicksand', sans-serif;
    margin:0 auto;
    color:black;
}

#main{
    position:relative;
    width:1000px;
    margin:50px auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.body{
    position:relative;
    height:auto;
    width:1000px;
    padding:16px;
    box-sizing:border-box;
    background-color:white;
    border-radius:15px;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    margin-bottom:10px;
}

.top{
    position:relative;
    height:auto;
    width:1000px;
    padding:16px;
    box-sizing:border-box;
    background-color:white;
    border-radius:15px;
    margin-bottom:10px;
}

.portrait{
    position:relative;
    height:auto;
    width:150px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.partycolour{
    position:relative;
    height:auto;
    width:150px;
    text-align:center;
    color:white;
}

.map{
    position:relative;
    height:550px;
    width:550px;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
    box-sizing:border-box;
    border:3px black double;
}

.info{
    position:relative;
    width:400px;
    height:auto;
    padding:16px;
    box-sizing:border-box;
    border-radius:10px;
    border:3px black double;
    text-align:center;
}

.actions{
    position:relative;
    width:100%;
    height:auto;
    display:flex;
    align-items:center;
    flex-direction:wrap;
    margin-bottom:50px;
    margin-top:50px;
}