* {
    box-sizing: border-box;
    background-position: 0, center;
    background-repeat: no-repeat, repeat;
    background-size: cover, auto;
    background-attachment: fixed, scroll;
    content: "\2024";
}
body{
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
box-sizing: border-box;
line-height: 1.5;
text-align: left;
margin: 0;
-webkit-font-smoothing: antialiased;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 400;
color: #dbddef;
background-color: #1c1f46;
background-image: none;
}

.character-info .character-info-traces {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 20px;
    background: #24285a;
    font-size: 15px;
    border-radius: 4 px;
}
.character-info .character-info-skills .character-info-skill .character-info-skill-header .character-info-skill-icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    min-height: 70px;
    background: #303b7a;
    border-radius: 50%;
    margin-bottom: 5px;
}
.footer {
    font-size: 14px;
    background: #1c1f46;
    margin-top: auto;
    padding: 40px 0;
    order: 10;
}