body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 24px;
    padding: 0;
    background-color: #fff7ed;
}
h1{
    font-size: 34px;
}
h2{
    font-size: 28px;
    font-weight: normal;
}
.tip{
        font-size: normal;
        margin: 0;
        padding: 0;
        color: #181818;
}
.main{
    padding: 30px 30px 30px 30px;
    max-width: 800px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    background-color: #ccfbf1;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.subsection{
    margin: 10px 0;
    padding: 10px;
    border: 2px solid #a3f0df;
    background-color: #fdf9f4;
    border-radius: 5px;
}
.subsection h2{
    margin: 10px;
    color: #65a30d;
}
.erasedText{
    text-decoration: line-through;
    opacity: .6;
}

.linkButton{
    display: inline-block;
    text-decoration: none;
    width: fit-content;
    font-size: 22px;
    padding: 3px 10px;
    margin: 5px 10px 5px 0px;
    border-radius: 5px;
    background-color: #65a30d;
    color: white;
}
.linkButton:hover{
    background-color: #fb923c;
}

.linkText, .linkText:visited{
color: black;
text-decoration: none;
display: block;
margin-left: 16px;
margin-bottom: 10px;
padding: 5px 20px;
border-radius: 5px;
}

.linkText>p{
 padding: 0;
 margin: 0;
}
.linkText>p:nth-child(1){
color: black;
font-size: 28px;
text-transform: capitalize;
}
.linkText>p:nth-child(2){
color: rgb(71, 71, 71);
font-size: 20px;
text-transform: lowercase;
}

.linkText:hover{
    background-color: #c9e99d;
}

.linkIcon{
width: 22px;
height: 22px;
}

.logoContainer{
    height: 150px;
    text-align: right;
    margin-top: 40px;
}
img{
    height: 100%;
}


/* Animations from Animista */
.bounce-in-top {
	-webkit-animation: bounce-in-top 1.1s both;
	        animation: bounce-in-top 1.1s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-8-13 10:4:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
 @-webkit-keyframes bounce-in-top {
    0% {
      -webkit-transform: translateY(-500px);
              transform: translateY(-500px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    38% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
    55% {
      -webkit-transform: translateY(-65px);
              transform: translateY(-65px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    72% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    81% {
      -webkit-transform: translateY(-28px);
              transform: translateY(-28px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    90% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    95% {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes bounce-in-top {
    0% {
      -webkit-transform: translateY(-500px);
              transform: translateY(-500px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      opacity: 0;
    }
    38% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      opacity: 1;
    }
    55% {
      -webkit-transform: translateY(-65px);
              transform: translateY(-65px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    72% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    81% {
      -webkit-transform: translateY(-28px);
              transform: translateY(-28px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    90% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    95% {
      -webkit-transform: translateY(-8px);
              transform: translateY(-8px);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }