Make website be in low res on higher resolution screens (or make it look better) - ☔︎ ∙ I need Help!

I'm trying to make my website, desinged in Frontpage '98 for 1024x768, look good on a modern (1080p) screen. Right now, it looks like shit (screenshot included), and I think the best way to go about this is to make it windowed in 1024x768 res, or find a way to make it look better on a modern display (although I wouldn't want to compromise the experience on older displays). How could I go about this? Included are: the link to the website, a screenshot of it on a modern display and a code snippet from the index.html landing page. Link: http://tale.w0.am

Code

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>tale's site</title>


<meta name="Microsoft Theme" content="none"><meta name="Microsoft Border" content="tl, default"></head>

<body background="tile.jpg" bgcolor="#000000" text="#FFFFFF" vlink="#FF0000"><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td><font face="arial, helvetica" mstheme>

<p align="center"><font size="6"><strong>tale3339's website</strong></font><br>
<a href="home.htm">Home </a>| <a href="ttt.htm">Tech</a> | <a href="social.htm">Socials</a>
| <a href="peanutbutter.htm">PBs</a> | <a href="favorite.htm">Favorites</a> | <a href="hobbies.htm">Hobbies</a> | <a href="other.htm">Other</a></p>

<p align="center" msthemeseparator><img src="_themes/global/glohorsd.gif" width="300" height="10"></p>
</font mstheme></td></tr><!--msnavigation--></table><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" width="1%"><font face="arial, helvetica" mstheme>

<p><a href="home.htm">Home</a></p>

<p><a href="ttt.htm">Tech</a></p>

<p><a href="social.htm">Socials</a></p>

<p><a href="peanutbutter.htm">PBs</a></p>

<p><a href="favorite.htm">Favorites</a></p>

<p><a href="hobbies.htm">Hobbies</a></p>

<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>

<p>&nbsp;&nbsp;&nbsp;&nbsp; </p>
</font mstheme></td><td valign="top" width="24"></td><!--msnavigation--><td valign="top">

<p align="left">&nbsp;</p>

<p align="left"><font size="4" face="Arial">Landing</font></p>

<p align="left"><font face="Arial"><strong>Welcome to my super awesome site!</strong></font></p>

<p align="left"><font face="Arial" color="#FF0000">This site is best viewed in 1024x768
and was designed to work in that resolution.</font></p>

<p align="left"><font face="Arial">This site contains no NSFW content right now, but maybe
that redirect link will take you to a gay porn site tomorrow. It's a risk you'll have to
take.</font></p>
<p align="left"><font size="4" face="Arial"><strong>Contact</strong></font></p>

<p align="left"><font face="Arial">If you want to contact me, you can send me an email at tale3339xd@proton.me, or a Discord DM @tale3339xd.</font></p>

<p align="left"><font size="4" face="Arial"><strong>Dark mode is the most up to date</strong></font></p>


<p align="left"><font face="Arial">This site has a (boring ass) light mode, and a perfect
magnificant dark mode that you are seeing right now. Pick which one you want to use.</font></p>

<p align="left">&nbsp;</p>

<p align="left">&nbsp;</p>

<form action="home.htm">
  <p><input type="submit" value="Super cool dark mode" /> </p>
</form>

<form action="light/home.htm">
  <p><input type="submit" value="Ugly ass light mode" /></p>
</form>


<p align="left">&nbsp;</p>

<p align="left">&nbsp;</p>

<p>This page was last updated on <!--webbot bot="Timestamp" s-type="EDITED" s-format="%m/%d/%y" startspan -->02/16/26<!--webbot bot="Timestamp" endspan i-checksum="13192" -->.</p>

<p align="right"><a href="http://anlucas.neocities.org"><img src="anlucasbutton.gif" alt="anlucasbutton.gif (438 bytes)" WIDTH="88" HEIGHT="31"></a><img src="fspeech96.gif" alt="fspeech96.gif (2018 bytes)" WIDTH="88" HEIGHT="31"><img src="Button_MacOS8.gif" alt="Button_MacOS8.gif (2156 bytes)" WIDTH="88" HEIGHT="31"><img src="linux_now.gif" alt="linux_now.gif (3978 bytes)" WIDTH="88" HEIGHT="31"><img src="GUTENBRG.gif" alt="GUTENBRG.gif (1248 bytes)" WIDTH="88" HEIGHT="31"><img src="anybrow.gif" alt="anybrow.gif (1279 bytes)" WIDTH="88" HEIGHT="31"><a href="http://www.microsoft.com/frontpage/"><img src="images/frontpag.gif" border="0" WIDTH="88" HEIGHT="31"></a> 
<!--msnavigation--></td></tr><!--msnavigation--></table></body>
</html>