@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

div{    
    margin-top: 10%;
    margin-left: 10%;
    margin-right: 10%;
    background-color: #E66502;
    padding: 3%;
}

img{
    height: 100px;
    color: #FFFFFF;
}
p, h1,h2,h3,li{
    margin-left: 8%;
    font-family: inter, arial;
    font-style: normal;
    color:white;
}
a{
    color: white;
    font-family: inter,arial;
}

/* ################ Hintergrund ################ */
body{
    background: linear-gradient(110deg, #020f26, #052966); 
    z-index: 0;
    width: 100%;
    height: 100%;
}

/* ################ Link Hover Efekt ################ */

:root {
  --Color: #020f26;
}
a , li{
  background:
    linear-gradient(
       to bottom, var(--Color) 0%,
       var(--Color) 100%
    );
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 0px 0px;
    text-decoration: none;
    transition: background-size .2s;
    transition-duration: 2s;
}

a:hover , li:hover {
  background-size: 4px 50px;
}