body{
background-color:brown;
}

#con{
	width: 900px;
	height: 900px;
	background:#00000060;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-left:auto;
	margin-right:auto;
	background-image:url("https://64.media.tumblr.com/0a295f272b96de5af66b180a05a15cc5/ce7068a72bf3b18b-8c/s500x750/379c0a3e5b6ceba05060d5b6b9031e410142cd1e.pnj");
	background-repeat:no-repeat;
	background-size: 900px 900px;
}

#content{
background-color:beige;
border:5px;
border-color:tomato;
border-style:double;
border-radius:3em;
height:300px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding:20px;
width:600px;
}

:content:-webkit-scrollbar {
  width: 10px;
}

:content:-webkit-scrollbar-track {
  background: #f1f1f1;
}


:content:-webkit-scrollbar-thumb {
  background: #888;
}

:content:-webkit-scrollbar-thumb:hover {
  background: #555;
}

#header{
position:relative;
left:25%;
right:80%;
}

h1{
color:tomato; 

}

#main{
float:right;
position:static;
left:20%;
right:80%;
width:500px;
}

#nav{
background-color:red;
position:relative;
float:left;
left:0%;
right:100;
top:0;
width:100px;
clear:none;
text-transform:uppercase;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}

.ribbon {
  font-size: 20px;
  font-weight: bold;
}
.ribbon {
  --s: 1.5em; /* the ribbon size */
  --d: .8em;  /* the depth */
  --c: .8em;  /* the cutout part */
  
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left  var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0   /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d),var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--d),100% var(--d),calc(100% - var(--c)) calc(50% + var(--d)/2),100% 100%,calc(100% - var(--s) - var(--d)) 100%,calc(100% - var(--s) - var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) calc(100% - var(--d)),calc(var(--s) + var(--d)) 100%,0 100%,var(--c) calc(50% + var(--d)/2));
  background-color: #CC333F; /* the main color */
  width: fit-content;
}