@font-face{font-family:Roboto;src:url(/assets/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Roboto,sans-serif;background-color:#212121;color:#f3f3f3}.sidebar{width:80px;height:100%;position:fixed;background-color:#3e3e3e;padding-top:20px}.sidebar ul{list-style-type:none;padding:0}.sidebar ul li{padding:8px;text-align:center}.sidebar ul li a{text-decoration:none;color:#f3f3f3;display:block}.sidebar ul li a:hover{background-color:#c00}div.content{margin-left:80px;padding:1px 10px;height:1000px}button{font-family:Roboto,sans-serif;padding:10px 20px;background-color:red;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#c00}