*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
body{
    font-family: 'Dosis', sans-serif;
}
header{
    border-top:1px solid red;
}
.top-menu{
    margin-top:10px;
    margin-left: 15%;
}
.top-menu .nav-link{
    font-size: 13.5px;
    font-weight: 600px;
    color:#666;
    
}
.location{
    margin-top:-7px;
}
#logo{
    display: block;
}

.bottom-menu .nav-link{
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin-top: 22px;
}
.follow-btn{
    background-color: orangered;
    color: white;
    padding: 7px;
    font-size: 13px;
    border:none;
    
}
.description{
    color:white;
}
.fist-column{
    list-style-type:none;
    color:white;
}
.fist-column li a{
    color:white;
}


#upload-picture-label{
    margin-top:2px;
    color: black;
    width:190px;
    height: 30px;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
}
.share-dish-form{
    background-color: rgb(233, 227, 229);
    border-radius: 10px;
}
.share-dish-button{
    width: 100%;
    margin-top:10px;
    height:40px;
    border-radius: 6px;
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    border:none;
}
.share-dish-button:hover{
    background: linear-gradient(to top, #ffec64 5%, #ffab23 100%);
}
.form-control{
    border-radius: 0px;
}
.form-group label{
    margin-top:20px;
}
@media(min-width:767px){
    .profile-img{
        height:100px;
    }

}

.login-form{
    box-shadow: 1px 1px 5px 2px;
    font-size: 14px;
}
@media(max-width:767px){
    .login-form{
        box-shadow:0px 0px 0px 0px;
    }
}
#login-submit-btn{
    width:100%;
    background-color:#37a000;
    padding:10px;
    color:white;
    border:none;
    border-radius:3px;
    font-size: 14px;
    font-weight: 600;
}
#login-submit-btn:hover{
    background-color:#008329;
    
}
.fa-user-email{
    position:absolute;
    top:120px;
    left:80px;
    color:green;
}
.fa-lock{
    position:absolute;
    top:175px;
    left:80px;
    color:green;
}
.login-form-field{
    border-radius:3px;
    border:1px solid green;
    padding-left:40px;
    font-size: 14px;
}

.or-line{
    border:1px solid #e0e0e0;
    line-height:.01em;
}
.p-or{
    position: absolute;
    top:267px;
    left:47.5%;
    background-color: #fff;
    width:30px;
    text-align: center;
}
.google-img{
    position: absolute;
    border:1px solid #4285f4;
    width:45px;
    height:41px;
    cursor: pointer;
}
.facebook-img{
    position: absolute;
    border:1px solid #4285f4;
    width:45px;
    height:41px;
    cursor: pointer;
}
.sign-in-with-google{
    background-color: #4285f4;
    border:none;
    padding: 10px;
    color: #fff;
}
.sign-in-with-google:hover{
    box-shadow: 1px 1px 4px 1px #4285f4;
}
.sign-in-with-apple{
    border:1px solid black;
    border-radius:10px;
    padding:7px;
    background-color: white;
}
.sign-in-with-apple:hover{
    box-shadow: 1px 1px 4px 1px #bdbdbd;
}

.new-to-tastizer{
    position: absolute;
    top:550px;
    left:36%;
    background-color: #fff;
    width:130px;
    text-align: center;
}
.sign-up-btn-p{
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
    
}
.sign-up-btn{
    border:0px solid black;
    padding:10px 85px;
    box-shadow: 1px 1px 5px 2px #bdbdbd;
    background-color:white;
    color:green;
}
.sign-up-btn:hover{
    box-shadow: 1px 1px 5px 2px #9e9e9e;
    transition:all .5s;
    text-decoration:none;
    color:green;
}