body{
	background-color: #ffffff;
	font-family: 'Oswald', sans-serif;
}


.allitems{
	padding: 10px;
}

#cube{
	width: 32%;
	height: 31vw;
	border: 2px solid black;
	text-align:center;
	-o-transition:1s;
	-ms-transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	/* ...and now for the proper property */
	transition:1s;
}

p{
	font-size: 40px;
	padding-top: 30%;
	font-family: 'Oswald', sans-serif;
}

img{
	width: 100%;
	height: 100%;
	-webkit-filter: brightness(150%);
	-webkit-filter: grayscale(15%);
	-webkit-filter: contrast(115%);
}

.picturesquare{
	float:left;
	background-color: white;
	
}

.redsquare{
	margin-left: 0px;
	background-color: #ff8080;
	float:left;
	color:white;
	
}

.redsquare:hover{
	background-color: #ff3333;
}

.greensquare{
	background-color: #80ff80;
	float:left;
	color:white;
	
}

.greensquare:hover{
	background-color:  #1aff1a;
}

.bluesquare{
	background-color:#80dfff;
	float:left;
	color:white;
	
}

.bluesquare:hover{
	background-color: #33ccff;
}

.yellowsquare{
	background-color:#ffff80;
	float:left;
	color:black;
	
}

.yellowsquare:hover{
	background-color: #ffff33;
}

.orangesquare{
	background-color:#ffcc80;
	float:left;
	color:white;
}

.orangesquare:hover{
	background-color: #ffad33;
}

.whitesquare{
	background-color:white;
	float:left;
	color:black;
}

.whitesquare:hover{
	background-color:#cccccc
}

.resumeHead{
	font-size: 40px;
}

.jobtitle{
	font-size: 30px;
}

.jobdesc{
	font-size: 25px;
}

span{
	font-size: 20px;
	-o-transition:1s;
	-ms-transition:1s;
	-moz-transition:1s;
	-webkit-transition:1s;
	/* ...and now for the proper property */
	transition:1s;
}

span:hover{
	font-size:25px;
	
}




#SliDrop6.tabcontent {
	margin-left: 40px;
	width: 87%;
	display:none;
    padding: 6px 12px;
	background-color: #80dfff;
}

#SliDrop5.tabcontent {
	margin-left: 40px;
	width: 87%;
	display:none;
    padding: 6px 12px;
	background-color: #ffcc80;
}

#SliDrop4.tabcontent {
	color: black;
	margin-left: 40px;
	width: 87%;
	display:none;
    padding: 6px 12px;
	background-color: #80dfff;
}

#SliDrop3.tabcontent {
	margin-left: 40px;
	width: 87%;
	display:none;
    padding: 6px 12px;
	background-color: #ffff80;
}


#SliDrop2.tabcontent {
	margin-left: 40px;
	width: 87%;
	display:none;
    padding: 6px 12px;
	background-color: #80ff80;
}

#SliDrop.tabcontent {
	margin-left: 40px;
	width: 87%;
	display:none;
    padding: 6px 12px;
	background-color: #ff8080;
}


ul.tab {
    list-style-type: none;
    overflow: hidden;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}