
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,600&display=swap');


*{
    font-family: 'Poppins', sans-serif;
    transition: .2s linear;
}

#container {
    max-width: 960px;
    margin: auto;
}

p, .numbered-list, .inline-link{
    font-size: 17px;
    margin-bottom: 2em;

}

h1{
    font-size: 45px;
}

h2{
    font-size: 30px;
}

#description{
    font-size: 30px;
    font-weight: 400;
}

img{
    height: 100%;
    width: 100%;
    border-style: solid;
    border-width: 5px;
    border-color: black;
}

.caption {
    font-style: italic;
    font-weight: lighter;
    text-align: center;
}

.drop-text{
    margin-top: 2em;
}

.no-newline{
    display: inline;
}

.code-sample {
    position: relative;
    border-radius: 5px;
    padding: 10px;
  }
  
  pre {
    overflow: auto;
  }

    button {
    
    padding: 10px 20px;
    background-color: #3498db; /* Button background color */
    color: #ffffff; /* Text color */
    border: none;
    border-radius: 5px; /* Rounded corners */
  }

  button:hover {
    background-color: #2980b9; /* Hover background color */
  }