CSES Advanced Design by naker_n

/* ==UserStyle==
@name         CSES Advanced Design
@version      20230715.14.38
@namespace    userstyles.world/user/naker_n
@description  CSES New design
@author       naker_n
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://cses.fi/") {
* {
    transition-duration: 1s;
}

body {
    background-color: #eee;
}

.header {
    padding: 25px;
    border-radius: 0 0 25px 25px;
}

.content,
.navigation,
.nav.sidebar {
    background: white;
    border-radius: 25px;
    padding: 25px;
    margin: 15px;
    border: none;
}

.navigation {
    width: 55rem;
}

.content:hover,
.navigation:hover,
.nav.sidebar:hover {
    box-shadow: 0 0 10px 0 #00000061;
}

.logo,
.controls {
    padding: 15px;
    background: #3e3e3e;
    border-radius: 25px;
}

.logo:hover,
.controls:hover {

    background: #6a6a6a;
}

li > a {
    border: none!important;
    border-radius: 15px;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

li > a:hover,
li > a:focus {

    padding-right: 35px!important;
    padding-left: 35px!important;
}

a {
    color: black;
    border: none!important;
    text-decoration: none!important;
    font-weight: bold;
}

li,
hr {
    border: none!important;
}

a:hover,
a:focus {
    background: #373737!important;
    padding-right: 15px!important;
    padding-left: 15px!important;
    border-radius: 15px;
    color: white!important;
}

.boxes > div
{
    border-radius:5%;
    padding: 50px;
}

.task-score.icon
{
    padding:5px;
    background: white;
    border-radius:15px;
}

h4
{
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px!important;
    border-bottom: 2px solid black;
    text-align: center;
}
}