input {
    min-width: 1px;
}

body {
    background-color:#d8c0d8;
    font-family:monospace;
}

ul {
    padding-left:27px;
    margin-left:-17px;
}

#interests ul{
    font-weight:bolder;
}

#interests ul ul {
    padding-left:51px;
    font-weight:normal;
}

h3 {
    margin-left:6px;
    text-decoration: underline;
}

a {
    color:#663399;
}

#content {
    width:60%;
    margin:auto;
    margin-top:30px;
}

#top-row {
    display:flex;
    width:100%;
    gap:2%;
    margin:auto;
    padding:0 10px;
    box-sizing:border-box;
}

#bio {
    border-radius:15px;
    border:dashed #FFF;
    height:fit-content;
    width:40%;
    padding:0 6px;
    text-align:justify;
}

#interests {
    border-radius:15px;
    border:dashed #FFF;
    height:fit-content;
    width:58%;
    padding:0 6px;
    list-style-position:inside;
}

#row2 {
    display:flex;
    width:100%;
    gap:2%;
    margin:auto;
    margin-top:15px;
    margin-bottom:15px;
    padding:0 10px;
    box-sizing:border-box;
}

#socials {
    border-radius:15px;
    border:dashed #FFF;
    height:fit-content;
    width:40%;
    padding:0 6px;
}

#logos {
    display:flex;
    flex-wrap:wrap;
    padding-bottom:6px
}

#labels {
    display:flex;
    border-radius:15px;
    border:dashed #FFF;
    height:fit-content;
    width:58%;
    padding:0 6px;
}

#labels ul {
    margin-left:3px;
    padding-right:10px;
}

#flags {
    margin:20px 0;
    margin-left:auto;
    margin-right:20px;
}

#flags img {
    max-width:100%;
    height:75px;
}

#photodump {
    column-count: 3;
    column-gap: 10px;
}

#photodump img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: block;
}

#photodump a {
    display:block;
}

#concert-photodump {
    display: grid;
    grid-template-columns: repeat(auto-fit, 300px);
    justify-content: center;
    gap: 20px;
}

.img-w-caption {
    border: solid 3px #000;
    display: inline-block;
    width: 300px;
    margin: 10px;
    vertical-align: top;
    padding: 4px;
    break-inside: avoid;
}