/**global**/
body{
    font-family: 'Arial', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding: 0;
    margin: 0;
    background-color: #f4f4f4;
    line-height: 1.5;
    font-size: 15px;
}

.container {
	width: 95%;
	margin: auto;
	overflow: hidden;
}
a {
    text-decoration: none;
}
/**end of global**/
/**header**/
header{
    background-color: cornflowerblue;
    color: #ffff;
    padding-top: 30px;
    min-height: 70px;
    border-bottom: 3px solid red
}
header a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
}
header ul{
    margin: 0;
    padding: 0;
}
header li{
    float:left;
    display: inline;
    padding: 0 20px;
}
header #logo{
    float: left;
}
header #logo h1{
    margin: 0;
}
header nav{
    float: right;
    margin-top: 10px;
}
.here {
    padding: 12px -1px;
    height: 24px;
    text-align: center;
    border: 1px solid;
    border-radius: 13px;
    padding-top: 3px;
    font-weight: bold;
}
header li:hover {
    background-color: red;
    height: 24px;
    text-align: center;
    border: 1px solid;
    border-radius: 13px;
    padding-top: 3px;
    font-weight: bold;
}
/**signup**/
.signup {
    background: linear-gradient(#5cf9ee,teal);
    min-height: 509px;
    color: #ffffffff;
    
}
.signup welcome {	
    float: left;
}

.register {
    float: right;
}
.login-fields input {
    width: 276px;
    line-height: 1.3;
    font-size: 100%;
    margin-bottom: 10px;
    height: 39px;
    cursor: auto !important;
    padding: 8px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(228, 230, 232);
    border-image: initial;
    border-radius: 0px;
}
label.holder {
    font-weight: bold;
}
input#submit-button {
    
    width: 101px;
    text-align: center;
    color: rgb(255, 255, 255);
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
    margin-bottom: 0px !important;
    background: rgb(0, 119, 204);
    border-radius: 3px;
    text-decoration: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.signup h1{
    font-size: 35px;
}
.info {
    padding-left: 12px;
}
.desc {
    display: flex;
    padding: 31px 32px;
}
article #profile{
    float: right;
    width: 12px;
}

#qns {
    min-height: 308px;
}
#qrs {

    width: 75%;
    margin-bottom: 34px;

}
/** sidebar**/

#sidebar{
    float: right;
    width: 20%;
    margin-top: 10px;
}
#left-sidebar{
    float: right;
    width: 20%;
    margin-top: 10px;
}
/**footer**/
footer {
    
    margin-top: 20px;
    color: white;
    background-color: cornflowerblue;
    text-align: center;
    
    
    width: 100%;
    overflow: hidden;
}
/** profile info**/

.info {
    padding-left: 12px;
}
.desc {
    display: flex;
    padding: 31px 32px;
}
#profile{
    float: left;
    width: 65%;
}
/* Style the tab */
.tab {
    overflow: hidden;
    border-bottom: 1px solid orange;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #6495ed;
    color: white;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
#feedbox{   
    border: 1px solid #bbb !important;
    padding: 5px;
    color: gray;
    font-size: 1em;
    width: 200px;
 }
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.number {
    padding-left: 16px;
}
textarea {
    resize: none;
    border: 1px solid #80808033;
}
.feed {
    margin-top: 39px;
}
.textbox {
    margin-top: 41px;
    height: 77%;
}
.feed-box {
    padding-top: 6px;
    height: 72%;
}
#question {
    height: 96%;
    width: 100%;
    border: 1px solid #adadad80;
    padding: 12px;
    position: relative;
}
.bun {
	float: right;
	padding-top: 12px;
}
@media(max-width: 768px){
    header #logo,
    header nav,
    header nav li,
    .signup form,
    .signup h1,
    .signup p, .sidebar, #profile, #sidebar{
        float:none;
        text-align:center;
        width: 100%;

    }
    #left-sidebar {
        width: 0%
    }

    header {
        padding-bottom: 20px;
    }
    .signup h1{
        margin-top: 40px
    }
    input#submit-button{
        display: block;
        width: 100%;
    }
    footer{
        position: absolute;
        display: block;
    }
    .login-fields input{
        width: 100%;
        margin: 5px;
    }
}
.desc.form_p {
	width: 100%;
	height: 36%;
	padding-top: 24px;
}