h1 {
	font-size:20pt;
	padding-left:30vw;
}

/*
//Text options
font-size:;
	this lets you change the size of the text. You can us pt, px, or em
color:;
	this changes the font color. You can use basic color names or hex codes (https://htmlcolorcodes.com/)
font-family:;
	Define what font you want to use! Try to use a font everyone has (so nothing you've installed) OR use google fonts https://fonts.google.com/ (let me know if you want to do this and I'll help you!)
font-weight:;
	bold or normal. Or for some fonts you could use 400, 600, 800 (or other numbers based on how bold you want it to appear)
font-style:;
	normal, italic, or oblique -- if you want italics
text-decoration:;
	none, underline, overline -- used for underlines
		with underline and overline you can use colors (normal names or hex codes) and also 'dotted' and 'wavy'


// Colors
background-color:;
	pick a background color. You can use basic color names or hex codes
color:;
	change text color blue

//Size options
width:; -- set the width (px, vw, %)
height:; -- set the height (px, vh, %)

//Positioning options
display:; -- 
	you will likely want display:block; or display:inline-block; -- these show the full sized block of thing even without anything in it and keeps the height/width that you define. Inline-block lets it be next to other things
	display: auto; 
position:; -- 
	position: static; -- you can't move it around. It's just where it would be rendered depending on where in the html it is
	position: absolute; -- slaps it on top of things and is positioned in relation to the last thing that was also given a position
	position: relative; -- it gets positioned relative to where it would be without any positioning information
	position:fixed; keeps it in place regardless of where you scroll or how big the window is
left:;
right:;
top:;
bottom:;
	position stuff according to those boundaries in the browser window
margin-left:;
margin-right:;
margin-top:;
margin-bottom:;
	move it in the direction you decide based on where it should be without this positioning
	It's not included in the size of the object so backgrounds won't appear in here
padding-left:;
padding-right:;
padding-top:;
padding-bottom:;
	move it in the direction you decide based on where it should be without this positioning
	It *IS* included in the size of the object so backgrounds *WILL* appear in here 
Rotating things is complicated please read this instead https://css-tricks.com/almanac/properties/r/rotate/


//Hover Effects and Animations
	add ":hover" to the end of any element in CSS and you can define what it looks like when you hover over it! Just regular CSS rules
	You can make it more smooth by using:
		transition-property:;
			You can say which properties you want to transtion. Or just say 'all'
		transition-duration:;
			How long you want the transition to happen
	For more complex animations (e.g. multi step animations), let me know but this should already be super powerful!
*/