toggle.css

@media only screen and (min-width: 1100px)
{
   p
    {
        font-size: 5rem;
    }
}
@media only screen and (min-width: 901px)
{
   p
    {
        font-size: 4rem;
    }
}
@media only screen and (max-width: 900px)
{
   p
    {
        font-size: 3rem;
    }
}
@media only screen and (max-width: 600px)
{
   p
    {
        font-size: 2rem;
    }
}
#main
{
    height:100vh;
    width:100vw;
    display:flex;
    justify-content: center;
    flex-direction: column;
}
#btn
{
    display:flex;
    height:2.9rem;
    width:9rem;
    align-self: center;
    border: 2px solid black;
    border-radius:1.5rem;
    background-color: white;
}
#inner
{
    background-color: black;
    border-radius: 6rem;
    height:2.5rem;
    width:30%;
    margin-left: -5px;
}
#para
{
    font-family: sans-serif;
    align-self: center;
}