/* 
<Activity Tracker: A personal health and fitness tracker>
Copyright (C) <2018>  <Tyler Loewen, Bradley Rey, Nahiyan Naim>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <https://www.gnu.org/licenses/gpl.txt>.

Contact at tylerscottloewen@gmail.com
*/

body {
    background-color: rgb(201, 213, 221);
       font-family: "Lato", sans-serif;
}

div a:link {
    color: black;
    text-decoration: none;
}
div a:visited {
    color: black;
    text-decoration: none;
}
div a:hover {
    color: black;
    text-decoration: none;
}
div a:active {
    color: black;
    text-decoration: none;
}

/* display and alignment of back and user profile text */
/* don't change any value, it lines up perfectly currently */
div p {
    display: inline-block;
    font-size: 35px;
    margin-top: -70px;
}


/* position of back button */
#back {
    margin-left: 15px;
}

/* back button settings */
.backButton {
    background-color: rgba(0,0,0,0);
    border: none;
    outline: none;
    height: 65px; 
    width: 65px;
    line-height: 65px; /* should be the same as button height */
    cursor: pointer;
}

/* back button icon settings */
.backButton i {
    margin-top: 7px;
    font-size: 50px;
}

.backButton i:hover {
    color: rgb(150, 150, 150);
}

/* position of userprofile text */
#user_profile {
    float: right;
    margin-right: 65px;
}

/* list of user content */
ul {
    list-style: none;  
}
 /* list of user content */
ul li {
    font-size: 200%;
    margin-bottom: 60px;
    margin-top: 60px;
    border-bottom: 3px solid black;
    max-width: 100%;
}

#content {
    width: 95%;
    margin: auto;
    margin-top: 100px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  height: 550px;
  width: 400px;
  margin: auto;
  margin-top: 50px;
  text-align: center;
  background-color: rgb(245,245,245);
  border: 2px solid black;
}

.title {
  color: rgb(30, 30, 30);
  font-size: 18px;
  line-height: 200%;
}

#UserProfile {
    margin-left: 25px;
    font-size: 30px;
}

button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: black;
  background-color: rgb(245,245,245);
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

a {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

button:hover, a:hover {
  opacity: 0.7;
  transition: 0.3s;
}