@charset "UTF-8";
/* CSS Document */





.main {
  background: linear-gradient(110deg, #680505, 30%, #1C6805, #49FFBD, #BDFF49);
}






		
.text1 {
    font-weight: 150;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    color: black;
    font-size: 18px;
    text-align: left;
}

.text2 {
    font-family: "Lexend Giga", serif;
    color: white;
    font-size: calc(8px + 0.80vw);
    text-align: center;
    padding-top: 5px;
}

.text3 {
    font-weight: 100;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    color: white;
    font-size: 20px;
    text-align: center;
    padding-top: 5px;
}


.text4 {
    color: white;
    font-weight: 500;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    font-size: calc(8px + 2vw);
    text-align: center;
}

.text5 {
    font-weight: 300;
    color: black;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    font-size: 36px;
    text-align: center;
}

.text6 {
    font-family: "Lexend Giga", serif;
    color: black;
    font-size: 16px;
    text-align: center;
    padding-top: 5px;
}

.text7 {
    font-family: "Lexend Giga", serif;
    color: white;
    font-size: calc(8px + 2vw);
    text-align: center;
    padding-top: 5px;
}

.text8 {
    background-color: aliceblue;
    padding: 1%;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    color: black;
    font-size: 18px;
    text-align: left;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.titleleft {
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
	color: skyblue;
	font-size: 60px;
	text-align: left;
    text-shadow: 4px 4px 7px #bf6b99; 

}

.titleright {
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
	color: skyblue;
	font-size: 60px;
	text-align: right;
    text-shadow: 4px 4px 7px #bf6b99; 

}

.titleblog {
    font-weight: 150;
    font-family: Avantgarde, TeX Gyre Adventor, URW Gothic L, sans-serif;
    color: aqua;
    font-size: 25px;
    text-align: left;
    
}


.banner { 
    padding: 1.5%;
    border-bottom: 3px solid white;
    position: sticky;
    top: 0; 
    background: rgb(130, 130, 130, 0.7);
    z-index: 999;
    flex-wrap: nowrap;
    }

.banner img{
    min-width: 60px;
    width: 45%;
}

.banner2 {
    border-bottom: 3px solid white;
    padding-top: 15px;
    }


.banner3 {
    border-bottom: 4px solid grey;
    padding-top: 5px;
    }

.banner4 { 
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid white;
    padding: 1.5%;
    flex-wrap: nowrap;
    }

.banner4 img{
    min-width: 50px;
    width: 110%;
    align-self: left;

}

.bottom {
    background: rgb(130, 130, 130, 0.7);
    }

.blog {
    background-color: white;
    border: 2px solid black;
    padding: 5%;
    width: 100%;
    transition: transform ease 300ms;
    }

.blog:hover {
    transform: translate(0, -20px);
    }

.blogpost {
    background-color: white;
    border: 2px solid black;
    padding: 5%;
    width: 100%;
    }

.blogoutside {
    padding: 5%;
    }
    
.blogoutsideextra {
    padding-bottom: 5%;
    padding-right: 5%;
    padding-left: 5%;
    }


a.button {
  text-decoration: none;
}

a.button:link {
    color: white;
}


a.button:visited {
    color: white;   
}

a.button:hover {
    color: coral !important;
    text-decoration: none !important;
    font-style: italic;
}

a.button:active {
    color: white;
}

a.arrow {
  text-decoration: none;
}

a.arrow:link {
    color: coral;
}


a.arrow:visited {
    color: coral;   
}

a.arrow:hover {
    color: brown !important;
    text-decoration: none;
}

a.arrow:active {
    color: white;
}


a.lan {
  text-decoration: none;
}

a.lan:link {
    color: white;
}


a.lan:visited {
    color: white;   
}

a.lan:hover {
    color: white;
    text-decoration: underline;
}

a.lan:active {
    color: white;
}

a.post {
  text-decoration: none;
}

a.post:link {
    color: black;
}

a.post:visited {
    color: black;   
}

a.post:hover {
    color: black !important;
    text-decoration: underline;
}

a.post:active {
    color: white;
}

a.date {
  text-decoration: none;
}

a.date:link {
    color: pink;
}

a.date:visited {
    color: pink; 
}

a.date:hover {
    color: #bf6b99 !important;
    text-decoration: none !important;
}

a.date:active {
    text-decoration: none;
}