body{font-family:"Roboto",sans-serif;background:#323232;color:#fff;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:"Science Gothic",sans-serif;color:#fff}#top-navi-bar{background:#fccd4d;padding:16px}a{color:#fccd4d;text-decoration:none}a:hover{text-decoration:underline}#page-container{padding:16px;min-height:200px}.card-container .card{display:inline-block;width:384px;max-width:calc(100% - 64px);height:102px;overflow:hidden;background:#3c3c3c;border-radius:8px;padding:16px;margin:16px;box-shadow:0 1px 2px 0 hsla(0,0%,100%,.5),0 6px 20px 0 rgba(252,205,77,.5)}.card-container .card .card-header h3{margin:0;margin-bottom:8px}.card-container .card.card-big{height:200px}.mini{font-size:.875rem;opacity:.5}.full-width{display:block;width:100%}@media screen and (max-width: 640px){.card-container .card{width:100%}}@media screen and (max-width: 480px){.card-container .card{height:128px}.card-container .card.card-big{height:285px}}