Website HTML + CSS

HTML

"!DOCTYPE html>
html>
head>
title>
Project Prototype
link rel="stylesheet" href="css\style2.css">
script src="js/Clock.js">/script>
script src="js/Week.js">/script>
script src="js/Week.js">/script>
link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200&family=Roboto:wght@100&display=swap" rel="stylesheet">
meta name="viewport" content="width=device-width, initial-scale=1">
meta name="keywords" content="prototype, school project">
meta name="description" content="Project Prototype is a school project">
/head>
body onload="realtimeclock(realtimeclock), currentWeek(currentWeek), currentDate(currentDate)">
h2>u>Project Prototype/u>/h2>

div class="main-container">
h1>b>Current Time/b>/h1>
div id="clock">/div>
h1>b>Current Week/b>/h1>
div id="Week">/div>
h1>b>Current Date
/b>/h1>
div id="Date">/div>
/div>

a class="code" href="Code.html">
ion-icon name="code-slash">/ion-icon>
/a>

script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js">/script>
script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js">/script>

/body>
/html>"

CSS

body
background-image:url(../Images/fox.png);
background-position:center center;
background-attachment:fixed;
background-size: cover;

h2
text-align:center;
font-family: 'Open Sans Condensed', sans-serif;
font-variant:small-caps;
letter-spacing:3px;
color:#abe6dc;
width: 100%;
font-size: 4vw;

p
font-family:'Oswald', sans-serif;
font-size:25px;
font-style:normal;
font-weight:normal;
color:#ffffff;
text-align: center;

.main-container
width: 100%;
height: auto;
position: absolute;

h1
width: 100%;
position:absolute;
font-size: 3vw;
font-weight:bolder;
text-align: center;
color: #abe6dc;
font-family: 'Oswald', sans-serif;
letter-spacing: 5px;

#clock
width: 100%;
position: relative;
font-size: 3vw;
color: #abe6dc;
text-align: center;
font-family: 'Roboto', sans-serif;
margin-top: 9.5%;

.social
float: top;
font-size: 3vw;
color: #abe6dc;
transition: color 0.2s;
position: absolute;
text-align: center;
max-width: 100px;
display: flex;
margin: -150px 0 0;

.social:hover
color: #2f3030;

.code
float: top;
font-size: 3vw;
color: #abe6dc;
transition: color 0.2s;
position: absolute;
text-align: center;
max-width: 100px;
display: flex;
margin: -150px 100px;

.code:hover
color: #2f3030;
#Week
width: 100%;
position: relative;
font-size: 3vw;
color: #abe6dc;
text-align: center;
font-family: 'Roboto', sans-serif;
margin-top: 9.5%;