@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@400;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";*{margin:0;padding:0}html{width:100vw;height:100vh}body{display:flex;flex-direction:column;width:100%;height:100%;font-family:"Roboto",sans-serif;color:#ebdbb2;background-color:#282828}#root{width:100%;height:100%}nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#282828;height:30px;padding:15px;margin-bottom:10px;font-size:1.3em;box-shadow:-1px 4px 5px 1px rgba(0,0,0,.3);background:repeating-linear-gradient(-45deg, #a89984, #a89984 10px, #928374 10px, #928374 20px)}nav i.social{color:#282828;font-size:1.7em !important;transition:color .1s linear}nav i.social:hover{color:#3f6040}.content{display:flex;flex-direction:row;height:calc(100% - 70px)}.content .sub-content{display:flex;flex-direction:column;height:100%;width:50%}.content .sub-content .tabs{display:flex;flex-direction:row;justify-content:flex-end;align-self:end;width:50%}.content .sub-content .tabs .tab{border:none;border-radius:5px 5px 0 0;height:25px;width:100%;margin:0 5px;color:#282828;background-color:#928374;box-shadow:inset 0 0 5px 2px rgba(0,0,0,.3);transition:background-color .1s linear,box-shadow .1s linear}.content .sub-content .tabs .tab:hover,.content .sub-content .tabs .tab.active{background-color:#a89984}.content .sub-content .tabs .tab.active{color:#000;font-weight:bold;box-shadow:0 -4px 5px 3px rgba(0,0,0,.3)}.content .sub-content .stats{display:flex;flex-direction:column;background-color:#a89984;padding:10px;border-radius:5px 0 0 0;height:100%}.content .sub-content .control{display:flex;flex-direction:row;background-color:#a89984;height:100%}.content .sub-content .control button{width:100%;height:30px;margin:0 5px;border:none;cursor:pointer;border-radius:5px}