<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-pink.css">
<title>Links website</title>
<script src="https://unpkg.com/feather-icons"></script>
<style>
body {
background: url("https://www.w3schools.com/howto/img_link_tree_template2_bg.jpg");
}
.container {
width: 100%;
height: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.links-container {
display: flex;
flex-direction: column;
jusify-content: center;
align-items: center;
}
.links-container a {
width: 80%;
}
.w3-theme-l1:hover {
background-color: #f279a1 !important;
}
.margin-top-2 {
margin-top: 32px;
}
.bottom {
width: 100%;
text-align: center;