.makeup .hll{background-color:#49483e}.makeup{color:#f8f8f2;background-color:#272822;display:block;padding:10px}.makeup .unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.makeup .bp{color:#f8f8f2}.makeup .c,.makeup .c1,.makeup .ch,.makeup .cm,.makeup .cp,.makeup .cpf,.makeup .cs{color:#75715e}.makeup .dl{color:#e6db74}.makeup .err{color:#960050;background-color:#1e0010}.makeup .fm{color:#a6e22e}.makeup .gd{color:#f92672}.makeup .ge{font-style:italic}.makeup .gi{color:#a6e22e}.makeup .gs{font-weight:700}.makeup .gu{color:#75715e}.makeup .il{color:#ae81ff}.makeup .k,.makeup .kc,.makeup .kd{color:#66d9ef}.makeup .kn{color:#f92672}.makeup .kp,.makeup .kr,.makeup .kt{color:#66d9ef}.makeup .l,.makeup .ld,.makeup .m,.makeup .mb,.makeup .mf,.makeup .mh,.makeup .mi,.makeup .mo{color:#ae81ff}.makeup .n{color:#f8f8f2}.makeup .na{color:#a6e22e}.makeup .nb{color:#f8f8f2}.makeup .nc,.makeup .nd,.makeup .ne,.makeup .nf{color:#a6e22e}.makeup .ni,.makeup .nl,.makeup .nn{color:#f8f8f2}.makeup .no{color:#66d9ef}.makeup .nt{color:#f92672}.makeup .nv{color:#f8f8f2}.makeup .nx{color:#a6e22e}.makeup .o,.makeup .ow{color:#f92672}.makeup .p,.makeup .py{color:#f8f8f2}.makeup .s,.makeup .s1,.makeup .s2,.makeup .sa,.makeup .sb,.makeup .sc,.makeup .sd{color:#e6db74}.makeup .se{color:#ae81ff}.makeup .sh,.makeup .si,.makeup .sr,.makeup .ss,.makeup .sx{color:#e6db74}.makeup .vc,.makeup .vg,.makeup .vi,.makeup .vm{color:#f8f8f2}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}@font-face{font-family:francois-one;src:url(/fonts/FrancoisOne-06f10459a8c85638111a422810f360fc.ttf?vsn=d) format("truetype")}body{font-family:Arial,Helvetica,sans-serif;margin:0;background-color:#f9f9f9}a{text-decoration:none;color:#1275b8}a:hover{text-decoration:underline}.tiny{font-size:.85em}header{width:100%;background-color:#246c99;border-top:0;margin:auto;height:60px;display:flex;justify-content:center;align-items:center}header h1.title{margin:0 100px 0 10px;display:inline-block}header h1.title a{font-size:2.5rem;font-weight:700;color:#fff}header h1.title a:hover{text-decoration:none}header h1.title img{height:45px;width:168px;margin-top:10px}@media (max-width:540px){header{display:block;height:inherit;text-align:center}header h1.title{margin:0}}header nav{display:inline-block;margin:0}header nav ul{display:inline-block;padding:0}header nav ul li{list-style-type:none;display:inline-block;font-weight:700;margin:0;font-size:1.15rem}header nav ul li a{color:#fff;padding:10px 15px}header nav ul li a:hover{background-color:hsla(0,0%,100%,.241);border-radius:30px;text-decoration:none}main{margin:30px 15px 15px}main>h1{text-align:center;font-family:francois-one;font-weight:400;font-size:3em;margin-top:0;color:#333}main section{margin:auto auto 20px;max-width:650px;padding:30px;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);background-color:#fff}main .date{color:grey;font-size:.9em;margin-right:5px}main article{color:#333}main article h1{font-size:2.2rem;margin:0;font-family:francois-one;font-weight:400}main article p{line-height:1.35rem;margin:20px 0}main article img{max-width:100%;margin:auto;display:block}main article figcaption{color:#595959;text-align:center;font-style:italic;font-size:.9em}main article iframe{margin:auto;display:block}main .main-project-tile{width:100%;border:1px solid silver;display:flex;position:relative;box-shadow:0 0 5px hsla(0,0%,50.2%,.5);margin:10px;height:200px}main .main-project-tile .thumbnail{flex:0 0 250px}main .main-project-tile .thumbnail img{width:100%;height:100%;object-fit:cover}main .main-project-tile .description{padding:15px 20px;overflow-y:auto}main .main-project-tile .description h1{display:inline-block;margin:0 10px 0 0}main .main-project-tile .description p{font-size:.9rem}main .main-project-tile .date{display:inline-block}@media (max-width:540px){main .main-project-tile{display:inline-block;height:inherit}}main .tile-group{display:flex;flex-wrap:wrap;justify-content:center}main .project-tile{border:1px solid silver;max-width:200px;box-shadow:0 0 5px hsla(0,0%,50.2%,.5);margin:5px;font-size:.8rem}main .project-tile .thumbnail img{width:100%;height:100px;object-fit:cover}main .project-tile .description{padding:10px 15px}main .project-tile .description h1{display:inline-block;margin:0 10px 0 0;font-size:1rem}main .project-tile .description p{font-size:.9rem}main .project-tile .date{display:inline-block}footer{margin-top:50px;text-align:center}footer img.footer_name{max-width:350px;opacity:.85}footer .footer_links img{max-width:40px;opacity:.8}footer .footer_links img:hover{opacity:1;transform:translateY(-2px)}table,td,th{text-align:center;border:1px solid grey}table{border-collapse:collapse;margin:auto}td,th{padding:10px}table.ranking{margin:0;border:none}table.ranking td,table.ranking th{border:none;padding:2px 10px}table.ranking tr td:nth-child(3){color:grey}.project{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:15px;grid-auto-rows:1fr}.project .column.main{grid-column:3/span 5}.project .column.details{grid-column:8/span 3}@media (max-width:1280px){.project .column.main{grid-column:1/span 7}.project .column.details{grid-column:8/span 5}}@media (max-width:720px){.project .column.main{grid-column:1/span 12;grid-row:2}.project .column.details{grid-column:1/span 12;grid-row:1}}.project section.jam{text-align:center;padding-top:15px}.project section.jam table{margin:auto}.project section.screenshots img{width:100%}.youtube_video{position:relative;padding-top:48%}.youtube_video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:500px;max-height:281px}