html, body{
	height: 300vh;

	background-color: black;
	background-image: url('_DSC1547.JPG');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;

	margin: 0;
	padding: 0;
}

p{
	font-family: "Times New Roman", Times, serif;
	color: white;
	font-size: 0.8vw;
	padding: 1.5vw;
}

a{
	font-family: "Times New Roman", Times, serif;
	color: white;
	font-size: 0.8vw;
}

h1{
	font-family: "Times New Roman", Times, serif;
	color: white;
	font-size: 0.8vw;
}

a:link{
	color: white;
	opacity: 0.7;
	text-decoration: none;
}

a:hover{
	color: white;
	opacity: 1;
	text-decoration: none;
}

#header-area{
	display: flex;
	justify-content: space-between;
	height: 50vh;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px
}

#top-list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	list-style: none;

	padding: 0px;
	position: sticky;
	top: 0px;
	left: 25vw;

	width: 50vw;
	height: 5vw;
}

#top-left{
	display:flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0px;
	position: sticky;
	top: 0px;
	left: 0px;

	width: 50vw;
	height: 5vw;
	text-align: left;
}
#top-left h1{
	padding: 2vw;
}

#top-right{
	display:flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0px;
	position: sticky;
	top: 0px;
	right: 0px;

	width: 50vw;
	height: 5vw;
	text-align: right;
}
#top-right h1{
	padding: 2vw;
}


#right-bottom{
	position: absolute;
	width: 50vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	height: 36.25vw;
	padding: 0px;
	top: 16.5vw;
	right: 0px;
	pointer-events: none;
}

#title-box{
	position: absolute;
	width: 50vw;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	height: 36.25vw;
	padding: 0px;
	top: 16.5vw;
	left: 0px;
	pointer-events: none;
}

#title-box h1 {
	line-height: 0.9;
	font-family: "Times New Roman", Times, serif;
	color: white;
	font-size: 11vw;
	margin: 0px;
}

#debian-repo{
	scroll-margin-top: 200px;
	position: absolute;
	top: 60vw;
	left: 10vw;
	width: 90vw;
	height: 50vw;
	color: white;
}

#debian-repo h1{
	font-size: 2vw;
}

#debian-repo-box{
	position: relative;
	background-color: #1e1e1e;
	border-radius: 8px;
	padding: 40px 10px 10px 10px;
	margin: 5vw;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
	min-width: 20vw;
	max-width: 70vw;
	width: 5in;
}

#debian-repo-code {
	overflow: scroll clip;
	padding: 10px 10px 20px 10px;
	white-space: nowrap;
	height 100%;
}

.code-content{
	position: relative;
}

.copy-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #333;
    color: white;
    border: 1px solid #555;
    border-radius: 4px;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 0.8rem;
    transition: background-color 0.2s;
}
.copy-btn:hover {
    background-color: #555;
}