Untitled

<!DOCTYPE html>
<html>
<head>
<title>PrimaPower</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
</head>
<body>
<nav class="w3-bar w3-black">
  <a href="Raportti" class="w3-button w3-bar-item">Raportti</a>
  <a href="Kauppa" class="w3-button w3-bar-item">Kauppa</a>
  <a href="Tuki" class="w3-button w3-bar-item">Tuki</a>
</nav>
<button class="btn"><i class="fas fa-coffee" style="font-size:60px;color:blue;text-shadow:2px 2px 4px #000000;width: 150px;"></i><br>kahvi</button>
    <br>
    <br>
    <button class="btn"><i class="fas fa-euro-sign" style="font-size:60px;color:blue;text-shadow:2px 2px 4px #000000;width: 150px;"></i><br>Virikeseteli</button>
    <br>
    <br>
        <button class="btn"><i class="fas fa-hands-helping" style="font-size:60px;color:blue;text-shadow:2px 2px 4px #000000;width: 150px;"></i><br>Hyväntekeväisyys</button>
    <br>
    <br>
        <button class="btn"><i class="fas fa-envelope" style="font-size:60px;color:blue;text-shadow:2px 2px 4px #000000;width: 150px;"></i><br>Lahjakortti</button>
</body>
</html>