JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="CSS.css">
        <title>Wetterstation</title>

        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Secular+One&display=swap" rel="stylesheet">

    </head>

    <body>
        <header>
            <div id="title">
                Wetterstation
            </div>
        </header>

        <section>
            <div>
                
            </div>
        </section>
    </body>
</html>

CSS

body {
    background-color: red;
}

header {
  text-align: center;
}

section {
    background-color: #ffffff;
    width: 90%;
    height: 300px;
    margin: 0 auto;
}

#title {
    font-family: "Secular One";
    font-size: 500%;
    color: #ffffff;

    
}