body{
    background-color: #0e2271;
    font-family: 'pixel';src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
    display:flex;
	justify-content:center;
}

body {
  cursor: url('https://64.media.tumblr.com/a88ddc008f6806d4533b90fb5117d380/280f05da42d3b5b8-3b/s75x75_c1/25e5aaa8ebfc0c9bd7968d447b762402130d6d5a.gifv'), auto;
}

body *:hover {
  cursor: url('https://64.media.tumblr.com/a88ddc008f6806d4533b90fb5117d380/280f05da42d3b5b8-3b/s75x75_c1/25e5aaa8ebfc0c9bd7968d447b762402130d6d5a.gifv'), auto;
}

/*all around*/
.container{
    width:100%;
	max-width:700px;
    display:flex;
	flex-direction:column;
    background-color: #0a1647;
    border: solid 2px #FA7A20;
    border-radius: 15px;
    gap:5px;
	padding:5px;
    color:#FFB3E2;
    line-height: 22px;
}


.header{
    border: dotted 2px #FA7A20;
    border-radius: 15px;
}

/* INTRO — bubble hugs the left border */
.intro {
    border: dotted 2px #FA7A20;
    border-radius: 15px;
}

.profile {
	display:flex;
	gap:10px;
	align-items:center;
	padding:5px;
}

/*ends right before the footer*/
.about-me{
    border: dotted 2px #FA7A20;
    border-radius: 15px;
}
.extra{
    border: dotted 2px #FA7A20;
    border-radius: 15px;
    text-align: center;
}

/*holds the side and main intro*/
.layout {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;}
.side {
	flex:1;
	order:0; /* ---------- change this to 1 if you want the sidebar appear right side ---------- */
	display:flex;
	flex-direction:column;
    border: dotted 2px #FA7A20;
    border-radius: 15px;
    width: 60px;
}
.sumary{
    border: dotted 2px #FA7A20;
    border-radius: 15px;
}

/*stamps area*/
.dni{
    border: dotted 2px #FA7A20;
    border-radius: 9px;
}

/*about me ends*/
.footer{
    border: dotted 2px #FA7A20;
    border-radius: 15px;
}

/*details for decor*/

.title{
    font-size: 20px;
}
.white-text{ 
    color: #fff;
}
.blue-text{ 
    color: #619BFF;
}


.profile-pic {
    width:70px;
	height:70px;
	/*border:2px dotted #FA7A20;*/
	border-radius:15px;
	background:url(https://64.media.tumblr.com/87e0d02253e6ce210578905d390cfc67/935b0c50d2f98656-ed/s2048x3072/808d96ee455fd197b0aae800d0691924b85404f6.jpg);
	background-size:cover;
	flex-shrink:0;
}

.nav a {
	display: block;
	padding: 3px 5px;
	margin-bottom: 3px;
	text-decoration: none;
	color: #619BFF;
	background: #f16900;
	border-radius: 5px;
	font-weight: 600;
    transition: background 0.2s ease, padding-left 0.2s;
    cursor:pointer;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	white-space:nowrap;
}

.nav a:hover {
	background: #FFB3E2;
    padding-left: 20px;
}