Super hacky css

HTML

<!DOCTYPE html>
<html>
<head>
  <title>Boldog születésnapot!</title>
</head>
<body>

	<p><b>Bräutigam Veronika tanárnőnek szeretettel a 10.i osztálytól:</b></p>
	<p>Kiss Vince</p>
	<p>Jakab Kristóf</p>
	<p>György Márk</p>
	<p>Antal Mihály</p>
	<p>Inzsöl Nikolasz</p>
	<p>Zettisch Márk</p>
	<p>Zaja Nóra</p>
	<p>Ványi Zoltán</p>
	<p>Trenovszki Benjámin</p>
	<p>Szin Zoltán</p>
	<p>Szedlmayer Máté</p>
	<p>Spiák István </p>
	<p>Simonfi Kristóf</p>
	<p>Simonfi Richárd</p>
	<p>Ötvös Nikolett</p>
	<p>Nikits Levente</p>
	<p>Játékos Ádám</p>
	<p>Fejes Bendegúz</p>
	<p>Darics Nóri</p>
	<p>Czeglédi Ákos</p>
	<p>Bucsku Dávid</p>
	<p>Banádi Roberta</p>
	<p>Madarász Roland</p>
	<p>Regenye Gábor</p>
	<p>Szabó Tamás</p>
	<p>Futó Tibor</p>
	<p>Hadobás Bence</p>
	<p>Balogh Gábor</p>
	<p>Réső Tamás</p>
	<p>Rigó Ricsi</p>
	<p>Nagy Ákos</p>
	<p>Dénes Norbi</p>
	<p>Eichhardt Tihamér</p>
	<p>Tábori Bence</p>
	<p>Kapitány Máté</p>
	<p>Vellai Sebestyén</p>
</body>
</html>

CSS

* {
    box-sizing :border-box;
}

.head {
    position : absolute;
    left : 0;
    top : 0;
    width : 100%;
    background : yellow;
    height : 30px;
    z-index : 3;

}
.body {
    background : cornflowerblue;
    bottom : 0;
    position : relative;
    height : 100%;
    top : 30px;
    margin-top : -30px;
    padding-top : 30px;
     

}