@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz&display=swap');header, footer{padding:30px 0;}
body{margin:0;background:#d9ddde;}
.wrapper{position:relative;width:100%;height:100%;}
.container{width:100%;margin:0 auto;min-height:100%;}
.content{text-align:center;}
td a{color:slategrey;}
.auth__title{font-size:40px;}
.auth__btn{height:50px;outline:none;border:1px solid #000;background:transparent;border-radius:5px;cursor:pointer;font-family:'Yanone Kaffeesatz', sans-serif;font-size:20px;}
.auth__btn:hover{background:#000;color:#fff;}
.auth__input{width:250px;height:35px;border-radius:5px;margin:25px 0;}
.edit__button{background-color:#6ea9a9;border:none;color:#fff;width:170px;font-size:18px;border-radius:30px;cursor:pointer;padding-left:50px;}
.logout__link{text-decoration:none;padding:12px 50px;border-radius:35px;background:#6ea9a9;color:#ffff;font-size:22px;}
.table{display:flex;justify-content:center;flex-direction:column;margin-top:20px;}
.table__content{border-collapse:collapse;}
.table__header{color:#000;}
.table__data{height:45px;}
.table__header th{background:#bbe0e0CC;padding:10px 2px;font-size:16px;font-weight:normal;}
.add_data{min-width:450px;min-height:135px;margin:75px 0 55px 0;font-size:18px;outline:none;padding:9px;border:3px solid dimgrey;}
td{border:solid 1px #FFFF;padding:5px;}
table tr{background:#f0f0f0;}
table tr:nth-child(2n+1){background:#E6E6E6;}
header, footer{font:20px Calibri, sans-serif;}
.table{padding:30px;font:15px Calibri, sans-serif;}
.header__content{display:flex;justify-content:flex-end;}
.icon{position:absolute;margin-left:9px;margin-top:4px;}
.add_icon{height:20px;background-color:#fff;width:20px;border-radius:50%;}
.add_icon img {height:100%;}
.logout{display:none;}
.logout__invisible{display:none;}
.logout__visible{display:block;padding-right:35px;}
.link_image{max-height:80px;}
.chkb{display:none;}
.chkb--visible{width:25px;height:25px;background:#fff;margin:0 auto;}
.chkb-read:checked + .chkb--visible::after{opacity:1;}
.chkb-discussed:checked + .chkb--visible::after{opacity:1;}
.chkb-rating:checked + .chkb--visible::after{opacity:1;}
.chkb--visible::after{content:"";display:block;position:absolute;height:7px;width:17px;color:#FAB81C;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg);margin-top:4px;margin-left:3px;opacity:0;}
.image_block{padding:0;}
.text-rating{border:none;height:25px;width:40px;color:#5b8db1;font-size:18px;text-align:center;}