body { background-color: #212A3E; } body .block-out { display: flex; flex-direction: column; align-self: center; } @media only screen and (min-width: 768px) { body .block-out { margin: 0rem 5rem; } } body .block-out .block-in { background-color: #173652; color: #F1F6F9; border-radius: 10px; border-style: groove; padding: 1rem 0; margin: 1rem 0; } body .block-out .block-in .list-header { text-align: center; } body .block-out .block-in .basic-list { list-style-type: none; display: flex; flex-direction: column; align-items: center; padding: 0px; } body .block-out .block-in .basic-list > .block-list-in { padding: 0rem 0; margin: 0.5rem 0; text-align: center; background-color: #394867; border-radius: 10px; border-style: dotted; width: fit-content; min-width: 50%; } @media only screen and (max-width: 768px) { body .block-out .block-in .basic-list > .block-list-in { min-width: 90%; } } body .block-out .block-in .basic-list > .block-list-in .in-p { margin: 0px; padding: 1rem; font-size: x-large; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; } body .block-out .block-in .basic-list > .block-list-in > a { color: #F1F6F9; } body .block-out .block-in .basic-list > .block-list-in > a:hover { color: #9BA4B5; } body .block-out .block-in .basic-list > .block-list-in > a:visited { color: #a54051; } body .block-out .block-in .basic-list.block-hover:hover { transition: all; } /*# sourceMappingURL=main.css.map */