@import url("https://fonts.googleapis.com/css?family=Roboto");*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{margin:0;padding:0;background-color:#74655b;min-height:100vh;font-family:Roboto}.container{display:grid;grid-template-rows:1fr;min-height:100vh}.frame{margin:auto}.header{margin-top:60px;padding-top:48px;background-image:url("../assets/css/tuto-gamebuino.png");background-repeat:no-repeat;background-size:135px;background-position:top center;color:#332c28;font-size:12px;text-align:center}.gamebuino{position:relative;margin:40px auto 80px auto;width:354px;height:187px;background-image:url("../assets/css/gamebuino-meta.png");background-repeat:no-repeat;background-size:cover;box-shadow:0 20px 40px rgba(0,0,0,0.3)}.gamebuino .screen{display:none;position:absolute;top:38px;left:112px;background-repeat:no-repeat;background-size:cover;width:130px;height:104px}.board{display:grid;width:100%;grid-template-columns:repeat(2, 1fr)}.board h1{margin:0;padding:0;font-size:20pt;font-weight:normal;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.5)}.column h1{text-align:center}a.row{display:block;margin:10px 0;height:64px;display:grid;grid-template-columns:80px auto;grid-gap:16px;text-decoration:none}a.row h1,a.row h2{line-height:1.5rem;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,0.5)}a.row h1{font-size:12pt;color:#eca}a.row h2{font-size:10pt;color:#d6cabe}a.row .level{display:inline-block;margin-right:1em;font-size:9pt;color:#fc0;text-shadow:0 1px 2px rgba(0,0,0,0.5)}a.row .date{font-size:9pt;color:rgba(255,204,170,0.5)}.tools .row h1{margin-top:10px}.picture{width:80px;height:64px;background-repeat:no-repeat;background-size:cover;box-shadow:0 5px 10px rgba(0,0,0,0.3)}.details{height:64px;grid-column:1fr;margin:auto 0}.perspective{perspective:400px}.reverse{display:inline-block;transform:rotate(0.5turn)}.footer{margin-top:60px;margin-bottom:60px}.footer table{margin:0 auto;font-size:10pt;color:#eca;text-shadow:0 1px 1px rgba(0,0,0,0.5)}.footer table td{padding:2px}.footer table td a{text-decoration:none;color:#eca}.footer table td a:hover{color:#fff}.footer table td.discord{color:#ffb}