styles.css

/*@font-face {
        font-family: ColabThi;
        src: url("ColabThi.otf") format("opentype");
    } */
    
    body {
    	background: #35A989;  /* fallback for old browsers */
        background: -webkit-linear-gradient(left, #35A989, #2C9193);
        background: -o-linear-gradient(left, #35A989, #2C9193);
        background: linear-gradient(to right, #35A989, #2C9193);  /* Chrome 10-25, Safari 5.1-6 */ /* W3C, IE 10/ Edge, Firefox 16, Chrome 26, Opera 12, Safari 7 */
    	color: white;
    	text-align: center;
    	font-size: 1em;
    	font-weight: 100;
    	font-family: Arial, Helvetica, sans-serif;
    }
    
    .container{
    	position: absolute;
    	top: 40%;
    	margin-top: -200px;
    	left: 50%;
    	margin-left: -35%;
    	width: 65%;
    	height: 400px;
    	font-weight: 100;
    }
    
    #lit {
    	width: 20%;
    	float: left;
    	font-style: italic;
    }
    
    #content {
    	width: 60%;
    	margin-left: 10%;
    	float: left;
    }
    
    #suggestion1 {
    	text-align: right;
    	padding-top: 7%;
    }
    
    #paragraph1 {
    	font-size: 1.25em;
    	line-height: 2em;
    	font-weight: 200;
    	text-align: justify;
    }
    
    #heading1 {
    	font-size: 40px;
    	text-align: left;
    }
    
    .title {
    	font-size: 40px;
    }
    
    #litter {
    	font-size: 105px;
        font-weight: 300;
	}
	footer {
		margin-top: 55%;
		text-align: right;
		margin-right: 1%;
	}
	a{
		color: white;
	}