body{
    background-image:url(https://images.unsplash.com/photo-1759267190499-cf3ce2bef9bc?q=80&w=627&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
    background-repeat: no-repeat;
    background-attachment: fixed;  
    background-size: cover;
    font-family: 'Times New Roman', Times, serif;
    color:white;
}


ul {
    list-style-type: none;
    overflow: hidden;
    background-color: #141314;
    border: 3px solid rgb(255, 255, 255);
    padding: 30px;
}

ul li {
    float: left;
}

ul li a {
    display: block;
    color: purple;
    text-align: start;
    padding: 14px 16px;
    text-decoration: none;
    font-size:20px;
    font-family: "Lucida Console", "Courier New", monospace;
}

ul li a:hover {
    background-color: #dfaee6;
}

a:link {
  color: rgb(211, 56, 175);
  background-color: transparent;
  text-decoration: none;
}
.main-info {
    margin:auto;
    width:50%;
    height:200%;
    background-color:#470047;
    padding:10px;
    padding-bottom:150px;
    border: 3px solid black;
    margin-left:9px;
    font-family: 'Courier New', Courier, monospace;
    color:aliceblue;
    text-align: justify;
}

.main-info-a{
    min-width: 100%;
    min-width: 100%;
    margin: auto;
    margin-top: 100px;
    margin-left: 650px;
    padding: auto;
}

.logo{
    min-width: 100%;
    min-width: 100%;
    margin: auto;
    margin-top: -680px;
    margin-left: 750px;
    padding: auto;
}

@media screen and (min-width: 650px){
    .main-info-a{
        min-width: 100%;
        min-width: 100%;
        margin: auto;
        margin-top: -400px;
        margin-left: 600px;
        padding: auto;
    }
}

@media screen and (max-width: 600px){
    .main-info-a{
        min-width: 100%;
        margin: auto;
        margin-top: -500px;
        margin-left: 300px;
        padding: auto;
    }
}