body{background:#fff;padding:0;margin:0;font-family:Nunito,sans-serif;font-size:16px}button,input{font-family:Nunito,sans-serif;font-weight:700}.main-div input{display:block;border:1px solid #ccc;border-radius:5px;background:#fff;padding:15px;outline:0;width:100%;margin-bottom:20px;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s}.main-div input:focus{border:1px solid #777}.loggedin-div button, .main-div button{background:#5d8ffc;color:#fff;border:1px solid #5d8ffc;border-radius:5px;padding:15px;display:block;width:100%;transition: .3s;-webkit-transition: .3s;-moz-transition: .3s}.loggedin-div,.main-div{width:20%;margin:0 auto;margin-top:150px;padding:20px;display:none}.loggedin-div button:hover, .main-div button:hover{background:#fff;color:#7cfc00;border:1px solid #78cf21;cursor:pointer}#tvchannels{display:none}button:focus,input:focus,select:focus,textarea:focus{outline:none}button{background:#5d8ffc;color:#fff;border:1px solid #5d8ffc;border-radius:5px;padding:15px;display:block;width:100%;transition:all 0.5s 0ms;-webkit-transition: .3s;-moz-transition: .3s}button:hover{background:#fff;color:#5d8ffc;border:1px solid #5d8ffc;cursor:pointer}#tools1{width:20%;margin:0 auto;padding:20px}h3{font-size:24px}img{border-radius:10px}#user_para{font-size:16px;vertical-align:center}.profile{box-sizing:border-box;margin:0;padding:0;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;margin-right:10px}.profile img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition: .3s ease-in-out 0ms;transition: .3s ease-in-out 0ms}.profile:hover img{-webkit-transform:scale(1.3);transform:scale(1.1)}