<!-- This is an about theme ANGULAR MOMENTUM by @1rapmon.



	If you have any issues with the page, please inform me.


	DO NOT STEAL THE CODE. DO NOT USE AS BASE CODE.-->

<!DOCTYPE html>
<html lang="en">
<head>
	 <meta charset="UTF-8">
	 <title>about</title>
	 <link rel = "stylesheet" href = "angularmomentum.css">

	 <!--stylesheet starts here-->
	 <style>

	 body {
	background: #ffffff;
	text-decoration: none;
	}

#left {
	width:70%;
	position:absolute;
    left:0px;
    height:100vh;
    background:#f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content:center;
    align-items:center;
}

#right {
	width:30%;
	margin-left:70vw;
    height:100vh;
    background:#ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    justify-content:center;
    align-items:center;
    padding: 2%;
}

#lineone {
	width:400px;
    height:3px;
    background:#858585;
    align-items: center;
    margin-bottom: 30px;
    margin-left: 27%;
    margin-right: 150px;
}

#icon {
	margin: 20px;
	max-width: 120px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	align-items:center;
    margin-left: 90px;
    margin-top: 80px;

}

#toplefttitle {
	font-style: italic;
	padding: 20px;
	align-items:center;
    text-align: center;
    margin-top: 50px;
	font-weight: 900;
	font-size: 45px;
	letter-spacing: 5px;
	color: #FBBBB9;
	width: 51.9vw;
	margin-left: 90px;
	text-shadow: 2px 2px #dedede;
}

#package {
	display: flex;
	background: #FBBBB9;
	width: 55vw;
	margin-left: 90px;
	padding-top: 10px;
}

#stats{
	width: 30%;
	height: 65vh;
	margin-left: 10px;
	align-items:center;
    text-align: center;
    background: #FBBBB9;
	overflow: auto;
	padding-top: 20px;
}


 #box {
 	font-style: italic;
 	align-items:center;
    text-align: center;
	font-size: 14px;
	letter-spacing: 1.5px;
	line-height: 300%;
	font-size: 16px;
	font-variant: small-caps;
	background: #ffffff;
	margin-bottom: 50px;
	max-width: 85%;
	margin-left: 10px;
	border: 1px double #707070;
 }

#maintext {
	overflow: auto;
	height:65vh;
	justify-content:right;
	width: 70%;
	margin-right: 10px;
    align-items:center;
    text-align: center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    padding: 2%;
    letter-spacing: 2px;
    line-height: 200%;
    margin-bottom: 10px;
}

#links a {
	text-decoration: none;
	color: #666362;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 80%;
	display: inline-block;
	padding: 5px;
	width: 18vw;
	background: #ffffff;
	text-align: center;
	justify-content: center;
	height: 25px;
	font-family: "Trebuchet MS";
	border-style: solid;
	border-color: #FBBBB9;
	border-left: 50px solid #FBBBB9;
}

#links a:hover {
	background: #FBBBB9;
	transition: 0.3s;
	transition-timing-function: linear;
}

#minititle{
	padding-bottom: 10px;
	align-items:center;
    text-align: center;
    margin-top: 20px;
	font-weight: 900;
	font-style: italic;
	font-size: 20px;
	letter-spacing: 4px;
	color: #000000;
}

#description {
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px;
	margin-right: 5%;
}

#linetwo {
	width:220px;
    height:1px;
    background:#000000;
    align-items: center;
    margin: 10px;
    margin-left: 15%;
}

::-webkit-scrollbar {
    width:17px;
    height:17px;
}

::-webkit-scrollbar-track {
    border:8px solid #f7f7f7;
    background-color:#000000;
}

::-webkit-scrollbar-thumb {
    border:8px solid #f7f7f7;
    background-color:#FBBBB9;
    min-height:23px;
    min-width:23px;
}

.credit a{
	align-items: center;
	margin-left: 25%;
	text-decoration: none;
	display: inline-block;
	background: #FBBBB9;
	color: #000000;
	letter-spacing: 2px;
	line-height: 120%;
	font-size: 15px;
	font-style: italic;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50px;
	padding:1%;
	font-variant: small-caps;
	margin-top: 20px;
}

.credit a:hover {
	background: #ffffff;
	border: 2px solid #FBBBB9;
	transition: 0.3s;
	transition-timing-function: linear;
}

</style>
</head>

<body>
	<div id = "left">

		<!--below is the big title on the top of the page. change the title to whatever you like.-->
		<div id = "toplefttitle">angular momentum</div> <!--end topleft title-->

		<div id = "lineone">
		</div> <!--end line-->


		<div id = "package">
		<div id = "stats">

			<!--below are the boxes on the right with the important/main info about you, ie. name, dob, etc. go ahead and fill in the info where 'insert' is written. try not making the content long to prevent overflow.-->
			<div id = "box"> <b>name: </b> [insert]</div>
			<div id = "box"> <b>dob: </b> [insert]</div>
			<div id = "box"> <b>sign: </b> [insert]</div>
			<div id = "box"> <b>mbti: </b> [insert]</div>
		</div> <!--end stats-->

		<!--here is the main content of your about page. make it as long as you want.-->
		<div id = "maintext">
			<p>In three dimensions, the angular momentum for a point particle is a pseudovector r×p, the cross product of the particle's position vector r (relative to some origin) and its momentum vector p = mv. This definition can be applied to each point in continua like solids or fluids, or physical fields. </p><br>
			<p>Unlike momentum, angular momentum does depend on where the origin is chosen, since the particle's position is measured from it. The angular momentum vector of a point particle is parallel and directly proportional to the angular velocity vector ω of the particle (how fast its angular position changes), where the constant of proportionality depends on both the mass of the particle and its distance from origin. For continuous rigid bodies, though, the spin angular velocity ω is proportional but not always parallel to the spin angular momentum of the object, making the constant of proportionality I (called the moment of inertia) a second-rank tensor rather than a scalar.</p><br>

			<p>Angular momentum is additive; the total angular momentum of a system is the (pseudo)vector sum of the angular momenta. For continua or fields one uses integration. The total angular momentum of any rigid body can be split into the sum of two main components: the angular momentum of the centre of mass (with a mass equal to the total mass) about the origin, plus the spin angular momentum of the object about the centre of mass.</p><br>

			<p>Torque can be defined as the rate of change of angular momentum, analogous to force. The conservation of angular momentum helps explain many observed phenomena, for example the increase in rotational speed of a spinning figure skater as the skater's arms are contracted, the high rotational rates of neutron stars, the Coriolis effect, and precession of tops and gyroscopes. Applications include the gyrocompass, control moment gyroscope, inertial guidance systems, reaction wheels, flying discs or Frisbees, and Earth's rotation to name a few. In general, conservation does limit the possible motion of a system, but does not uniquely determine what the exact motion is.</p>
		</div><!--end of package-->
		</div> <!--end main text-->
	</div><!--end left-->

	<div id = "right">

		<!--Below is your icon picture. Between the quotation marks, put in the url for any picture you want as your page's icon.-->
		<img id = "icon" src = "https://78.media.tumblr.com/de45e065d3990ac49dc1adbf369a0153/tumblr_ozsfq4Oja91w43rk9o1_1280.jpg">

		<!--Below is the title on the right of the page. change it to whatever you wish.-->
		<div id = minititle>mass and velocity</div><!--end minititle-->

		<!--Below is the description below the title on the right. change the text to whatever you want. try not making it too long.-->
		<div id = "description">In physics, angular momentum is the rotational equivalent of linear momentum. It is an important quantity in physics.</div> <!--end of description-->

		<div id = "linetwo">
		</div><!--end of linetwo-->

		<div id = "links">
			<!--here are the 4 links on the right.
		you can change the urls between the quotation marks and the link names.-->
			<p><a href="/">link</a></p>
			<p><a href="/">link</a></p>
			<p><a href="/">link</a></p>
			<p><a href="/">link</a></p>
		</div><!--end of links-->
		<!--DO NOT TOUCH THE CREDIT-->
		<div class="credit"><a href="http://1rapmon.tumblr.com/">theme by @1rapmon</a></div>
	</div><!--end of right-->
</body>
</html>