wlowry88/friend-of-the-day

// Place all the styles related to the Friends controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

@import url(http://fonts.googleapis.com/css?family=Lato:300);

.edit_friend_form {
    visibility: hidden;
}
.edit_friend_form form {
    display: inline;
}

.new_number_form {
    text-align: center;
}

.full_width {
     display: block;
     overflow: hidden;
   color: black;
}

#normal_friends_list {
    visibility: hidden;
}

#new_friend_form {
    visibility: hidden;
}

.edit_number_form {
    visibility: hidden;
    background-color: white;
    width: 75%;
    padding: 5px 10px 20px 15px;
    border-radius: 10px;
    border-color: #333;
    border-style: solid;
    opacity: 0.8;
}

#show_friends_button {
    background: white;
    color: #333;
    font-family: "Lato";
    height: 60px;
    margin: 30px 0px 30px 0px;
    width: 55%;
    font-weight: bold;
    font-size: 18px;
    border-radius: 3px;
    border: 2px solid #ddd;
 
}

#show_friends_button:hover {
    background: #ffffff;
    border-color: #f1c40f;
    border-style: solid;
    border-width: 2px;
    color: rgb(64,63,63);
}

.friend_of_the_day {
   
   visibility: hidden;
   color: black;
}

#normal_friends_list {
   
   color: black;
}

.signed_in_info {
    text-align: right;
    z-index: 4000;
    display: inline-block;
    float: right;
    position: absolute;
    margin-left: 8%;
    margin-top: .5%;
    text-align: left;
}

.settings_button:hover ,
#sign_out:hover    {
    text-decoration: none;
    font-weight: bold;
}