body {
                font-family: 'Roboto', sans-serif;
                margin:0;
                background-color:#F4F4F4;
            }
            nav {
                display:flex;
                overflow: hidden;
                width:100%;
                position: fixed;
                top:0;
                height:8%;
                background-color:black;
                color:white;
                align-items:center;
                box-shadow: 0px 15px 10px -15px #111;
            }
            nav img {
                height:100%;
            }
            nav .stats {
                flex-grow:2;
                text-align:center;
            }
            nav #actions {
                padding:10px;
                position:relative;
            }
            nav #actions div {
                float:right;
            }
            #cards {
                margin-top:17%;
            }
            .card {
                background-color:white;
                margin:3%;
                box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
                display:flex;
                border-radius: 0px;
                flex-direction: column;
                border:0;
            }
            .card .media img, .card .media video {
                width:100%;
            }
            .card .description, .tags, .actions {
                padding-left:5%;
                padding-right:5%;
            }
            .tags {
                display:flex;
                flex-wrap: wrap;
            }
            .tag {
                display:flex;
                justify-content:space-between;
                width:max-content;
                align-items:center;
                background-color:#32064A;
                color:white;
                font-size:100%;
                border-radius:30px;
                padding:2%;
                margin-right:2%;
                margin-bottom:1%;
            }
            .tag .value {
                margin-right:10px;
            }
            .actions {
                padding-bottom:2%;
                display:flex;
                flex-direction:column;
            }
            .actions button, input {
                width:100%;
                border-radius:5px;
                font-size:100%;
                box-shadow:  2px 1px 2px 1px rgba(0,0,0,0.6);
                padding:2%;
                margin-top:2%;
            }
            .actions div {
                color: grey;
                font-style: italic;
                margin-top:2%;
            }
            .actions button {
                color:white;
                border:none;
            }
            .actions input {
                color:black;
            }