import { animate } from "motion"

body {
	font-family: system-ui;
}

.page-body {
	/*background-image: url("../images/mountains.jpg");*/
	background-image: url("../images/background.png");
	background-size: cover;
  	background-position: center; /* Optional: centers the image */
  	background-repeat: no-repeat;
  	display: flex;
  	margin: 0;
}
.left-half {
  	overflow-y: auto;
  	padding: 20px;
  	background-color: white;
}

.right-sidebar {
  	position: fixed; /* Stays in place */
  	right: 0;
  	top: 0;
  	height: 100vh; /* Full height */
  	width: 250px;
  	padding: 20px;
  	overflow-y: hidden;
}

::-webkit-scrollbar {
    display: none;
}

#typewriter_name {
	color: #c39bb2;
	font-family: system-ui;
	font-size: 35px;

}

h3 {
	color: #c39bb2;
	font-family: system-ui;
}

.header {
	margin-top: 15px;
}

.quick-snip {
	font-size: 16px;
	color: black;
	font-family: monospace;
	font-weight: lighter;
	display: block;
	width: 580px;
}

.currently {
	font-size: 12px;
	color: black;
	font-family: system-ui;
	font-weight: lighter;
	display: block;
	width: 600px;
}

.blurb {
	border: 1px black solid;
	padding: 20px;
	border-radius: 9px;
	background-color: whitesmoke;
	width: 800px;
}

.business {
	font-family: system-ui;
}

.border-t {
    border-top: 1px lightgrey solid;
    padding-bottom: 10px;
}

.interest {
	border: 1px black solid;
	width: 150px;
	border-radius: 9px;
	background-color: whitesmoke;
	height: 150px;
	align-content: center;
	text-align: center;
	font-size: 12;
	font-family: system-ui;
}

.fa-wordpress {
	font-size: 95px;
	color: black;
}

.flip-card-back {
	font-size: 12px;
}

.flip-card-back2 {
	font-size: 12px;
}

.flip-card-back3 {
	font-size: 12px;
}

.box1 {
	width: 200px;
    display: inline-block;
}

.box2 {
	width: 200px;
    display: inline-block;
}

.box3 {
	width: 200px;
    display: inline-block;
}

.box4 {
	width: 200px;
    display: inline-block;
}

.interests {
	display: flex;
}

.personal-dev {
	font-family: system-ui;
	/*color: #47888e;*/
}

.connect {
	font-family: system-ui;

}