.logo
{
margin-top: 25px;
  text-align: center; 
  align-items: center; 
  text-decoration: none
}

body {
    background-color: rgb(14, 14, 20);
    display: flex;
    flex-direction: column;
    min-width:420px;        /* Suppose you want minimum width of 1000px */
    width:420px; 
    width: auto !important;  /* Firefox will set width as auto */
    min-height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;   
}

::selection {
    background: red;
    color:#d9d9d9;
}

.intro {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: #d9d9d9;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 500%;
}

.instructions {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: #d9d9d9;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: 250%;
}


#container
{
    display:flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.link
{
    color:red;
}
.codeblock
{
    height: 200px;
    width: 500px;
}
.parse_csharp
{
    height: 300px;
    width: 1200px;
}

@media only screen and (max-width: 730px) {  /* Following code based on: https://www.shecodes.io/athena/74977-how-to-change-font-size-with-media and https://blisk.io/devices/details/iphone-11-pro-max#css-media-query*/
    img {
      width: 150px;
    }
    .codeblock
    {
        width: 400px;
    }
}
@media only screen and (max-width: 1300px) and (min-width: 731px){  /* Following code based on: https://www.shecodes.io/athena/74977-how-to-change-font-size-with-media and https://blisk.io/devices/details/iphone-11-pro-max#css-media-query*/
    img {
      width: 150px;
    }
    .parse_csharp
    {
        width: 500px;
    }
}