/*
Name: Kevin Chiu
Date: 03.28.18
Section: CSE 154 AH

This is the index.css page for the first and secnod creative project. Konverse is a platform
where users can schedule a time to meet other people conveniently over a cup of tea
or coffee.
*/

@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
	font-family: "Roboto", cursive;
	background-color: #343D3A;
	color: #F1E7DE;
	padding-left: 2em;
	margin-bottom: 50px;
}

::selection {
	color: #5FD0D4;
}

body h1 {
    text-shadow: 2px 2px 4px #000000;
}

h1, ul, ::-webkit-input-placeholder, #form, .quotes {
	text-align: center;
}

hr {
	width: 80%;
}

hr, a:link, a:visited {
	color: white;
}

hr {
	margin-top: 3.2em;
}

#note {
	float: right;
	font-size: 0.75em;
	margin-top: -10px;
}

#flexbox .quotes img {
	height: 150px;
	width: 250px;
	border-radius: 20%;
}

.quotes img:hover{
	opacity: 0.5;
}

body ul {
	list-style: none;
	line-height: 2em;
	padding-right: 30px;
}

a:link, a:visited {
    text-decoration: none;
}

a:hover {
	color: #5FD0D4;
}

em {
	text-align: right;
}

input[type="email"] {
	height: 5em;
	width: 40em;
	color: white;
	text-align: center;
}


input[type="submit"] {
	-webkit-appearance: none; /* Compatibility measures for various browsers */
	-moz-appearance: none;
	margin-top: 1em;
	height: 3em;
	width: 8em;
}

.quoter {
	padding-left: 9em;
}

.quotes {
	flex-basis: 30%
}

#introduction {
	flex-basis: 10%;
}

.resized {
	height: 0.8em;
}

#form {
	margin-top: 5em;
}

#Joe:hover {
	color: #5FD0D4;
	-webkit-transition-property: height;
	-webkit-transition-duration: 2s;
}

#Hercules:hover{
	padding: 100px 0;
	text-transform: uppercase;
	font-size: 1.5em;
	color: #F1E7DE;
}

#Drake\&Josh:hover{
	color: #EFA93A;
}

#flexbox {
	display: flex;
	justify-content: space-between;
}