jklm313

/* some uses for :hover Pseudo class and '~' selector  */

/*/ 360deg Goggle view /*/

/* le wrapper */
.g {
	width: 600px;     
	height: 400px;
	
	margin: 50px auto;

jklm313

/* some uses for :hover Pseudo class and '~' selector  */

/*/ 360deg Goggle view /*/

/* le wrapper */
.g {
	width: 600px;     
	height: 400px;
	
	margin: 50px auto;

jklm313

body {background: #3E226B;}

@keyframes scroll {
	0% {background-position: 0 0;}
	100% {background-position: 2000px 0}
	}

.one, .two {
    max-width: intrinsic;
    margin: 50px 0 0;

jklm313

* {margin: 0; padding: 0; box-sizing: border-box;}
body {text-align: center}

h1, h2 {
	color: #444;
	}

logo {
	margin-top: 30px;
	display: block;

jklm313

abandoned halfway through a journey nobody wanted to go on in the first place.

css seems to be messed up. will have to look into it someday /NoteToSelf

jklm313

* {margin: 0; padding: 0; box-sizing: border-box} 

html {
	background: #1b1b1b;
	text-align: center;
	height: 100%;
	width: 100%;
	}
	body {
		height: 100%;

jklm313

* {box-sizing: border-box; vertical-align: top;font-family: sans-serif}

.student-id {
	background: #d9d9d9;
	padding: 10px;
	border-radius: 10px;
	border-bottom: 1px solid grey;
	border-right: 1px solid #aeaeae;
	}
		.id-box {

jklm313

* {margin: 0; padding: 0;box-sizing: border-box;}

body {
	margin: 20px auto;
	width: 700px;
	text-align: center;
	background: linear-gradient(-25deg, #222, royalblue)
	}

.tile {

jklm313

* {margin: 0; padding: 0;box-sizing: border-box;}

html {
	height: 100%;
	background: linear-gradient(-25deg, orange, royalblue);
	}

body {
	margin: 50px auto;
	width: 600px;

jklm313

@keyframes bg-grad-shift {
	0% {opacity: 0}
	50% {opacity: 1}
	100% {opacity: 0}
}

* {margin: 0; padding: 0;}

html {