*{
    padding: 0%;
    margin: 0%;
}
body{
    background-image: linear-gradient(to right, white,rgba(7, 136, 134, 0.427));
    font-weight: 600;
}
a{
    color: rgb(126, 7, 169);
}
a:hover{
    color: red;
}
header img{
    width: 34%;
    margin-left: 33%;
    border-radius: 100px;
    margin-top: 30px;
    border: rgb(7, 136, 134) , solid, 4px;
}
#social{
    text-align: center;
    margin-bottom: 30px;
    max-width: fit-content;
    margin-top: 15px;
}
#social img{
    width: 8%;
    margin-left: 20px;
}
#container{
    margin-top: 20px;
    width: 80%;
    margin-left: 10%;
    background-color: rgb(3, 113, 112) ;
    border-radius: 30px;
    text-align: center;
    font-size: 18px;
    color: aliceblue;
    padding-bottom: 10px;
    margin-bottom: 60px;
}
#container img{
    width: 75%;
    margin-top: 10px;
    border-radius: 10px;
}
#container li{
    text-decoration: none;
    list-style: none;
}
#title{
    font-size: 30px;
    text-decoration: underline;
    margin-left: 5px;
}
#word{
    text-align: left;
    margin-left: 5px;
}
li{
    padding-bottom: 7px;
}
#button img{
    width: 20%;
    display: inline;
}
#button{
    max-width: 33%;
    border: 3px, rgb(3, 113, 112) ,solid;
    background-color: aliceblue;
    font-size: 20px;
    font-weight: 500;
    position: sticky;
    padding: 7px;
    left: 64%;
    bottom: 20px;
    border-radius: 25px;
}
#button a{
    text-decoration: none;
    color: rgb(3, 113, 112);
    position: relative;
    bottom: 5px;
}
#button a:hover{
    color: rgb(22, 171, 5);
}
#button:hover{
    background-color: aliceblue;
}
#tryhackme img{
    width: 12%;
    padding-bottom: 0px;
    position: relative;
    top: 16px;
}
@media(min-width:800px){
    header img{
        width: 10%;
        margin-left: 45%;
    }
    #social img{
        width: 2.5%;
    }
    #container {
        text-align: left;
        font-size:30px ;
    }
    #container img {
        width: 20%;
        position: absolute;
        right: 15%;
    }
    #word1{
        margin-left: 20px;
        margin-bottom: 200px;
    }
    #title{
        font-size: 50px;
    }
    #button{
        font-size: 30px;
        width: 12%;
        left: 86%;
    }
    
}