.icon{

    width: 7vw;
    filter: invert(100%);
    transition: 0.3s;
    margin: 1vw;
    
}

body{

    background-color: black;
    color: white;
    text-align: center;
    width: 60%;
    margin: auto;

}

.paragon{

    color: white;
    border: 0ch;
    font-weight: bold;
    font-size: larger;
    transition: 0.3s;
    height: 2vh;
    max-width: 30vw;
    display: inline-block;

}

.paragon:hover{

    transform: scale(1.1);

}

.icon:hover{

    transform: scale(1.1);

}

h1{

    margin-top: 5vh;

}

a{

    color: white;
    text-decoration: none;

}

.other {

    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border: solid;
    height: 5%;
    margin-bottom: 20px;
    width: 40%;
    font-weight: bolder;
    transition: 0.3s;

}

.other:hover{

    transform: scale(1.1);

}

@media screen and (max-width: 1150px) {

    body{

        width: 100%;

    }

    .icon{

    width: 20vw;

    }
    
    .other {

    font-size: xx-large;
    width: 50%;

    }

}