fix header

app/globals.scss

@@ -516,10 +516,6 @@ button.active {
   overflow: hidden;
 }
 
-.header-logo {
-  margin-left: -179px;
-}
-
 blockquote {
   font-style: italic;
   color: $on-primary;

components/Header.js

@@ -3,7 +3,7 @@ import { headerFont } from "@/utils/fonts";
 import styled from "styled-components";
 
 const Title = styled.h1`
-  font-size: 90px;
+  font-size: 80px;
   @media only screen and (max-width: 768px) {
     font-size: 40px;
   }
@@ -14,9 +14,9 @@ const Header = ({ title, subtitle, white }) => (
     className="flex-row"
     style={{
       overflowWrap: "break-word",
-      width: "60vw",
+      width: "70vw",
       height: "70vh",
-      margin: "auto",
+      paddingLeft: "10vw",
     }}
     id="header"
   >
@@ -25,6 +25,7 @@ const Header = ({ title, subtitle, white }) => (
         src="https://static.igem.wiki/teams/4796/wiki/half-svg.svg"
         alt="Logo"
         className="header-logo"
+        style={{ paddingRight: "5vw" }}
       />
       <div className="flex-col">
         <Title