* {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}
body {
    background: rgb(29,29,29);
    background: linear-gradient(90deg, rgba(29,29,29,1) 0%, rgba(25,33,60,1) 50%, rgba(29,29,29,1) 100%);    
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    color:#111;
    padding-top:1rem;
}

h1, h2, h3 {
    text-shadow: 1px 1px 3px #777;
}

h2 {
    margin-bottom:1.2rem;
}

a {
    text-decoration: none;
    color:#2a3a71;
    font-weight:600;
}

.main-container {
    width:100%;
    max-width:600px;
    margin:auto;
}
.container {
    margin-left:1rem;
    margin-right:1rem;
}

header {
    width:100%;
    border-radius:20px;
    margin-bottom:2rem;
    box-shadow: 3px 3px 15px #999;
}

header h1 {
    display:none;
}

header img {
    width:100%;
    border-radius:20px;
    object-fit: contain;
    object-position: left;
    
    
}

.card {
    background-color: white;
    margin-bottom:2rem;
    padding:1rem;
    border-radius: 20px;
    border-width:3px;
    border-color: #ddd;
    border-style:solid;
    box-shadow: 3px 3px 15px #bbb;
}

ul {
    list-style-position: inside;
    list-style-type:none;
    /*list-style-type: none;*/
}

li {
    margin-top:.5rem;
}
hr {
    margin:1rem 1rem 0rem 1rem;
    
}