body {
background-image: url("background2.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center bottom;
background-size: 100%;
}
body:before {
content: "";
display: block;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -10;
background: url(background2.png) no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
footer {
font-size: 14px;
font-style: oblique;
}
header {
align-content: center;
}
/*Text Fonts*/
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column1 {
float: left;
width: 35%;
padding-left: 3px;
align-content: center;
align-items: flex-start;
align-self: baseline;
}
.column2 {
float: left;
width: 35%;
padding-left: 3px;
align-content: left;
align-items: flex-start;
align-self: baseline;
}
/* Clear floats after image containers */
.row1::after {
content: "";
clear: both;
display: table;
}
.column {
float: left;
width: 33%;
padding-left: 3px;
align-content: center;
align-items: flex-start;
align-self: baseline;
}
/* Clear floats after image containers */
.row::after {
content: "";
clear: both;
display: table;
align-content: center;
align-items: flex-start;
align-self: baseline;
}
figure {
float: right;
width: 100%;
text-align: center;
font-style: bold;
font-size: medium;
font-family:'Noto Sans', sans-serif;
text-indent: 0;
margin: 1em;
padding: 1em;
}
.modern {
display: inline-block;
margin: 10px;
padding: 8px 15px;
background: #878f9e;
color: #022f82;
font-size: 18px;
font-family: 'Courier New', bold, Courier, monospace;
border: 1px solid rgba(0,0,0,0.15);
border-radius: 4px;
transition: all 0.3s ease-out;
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.5),
0 2px 2px rgba(0,0,0,0.3),
0 0 4px 1px rgba(0,0,0,0.2);
}
/*Above is header and images to turn into links*/
/* Bottom left text */
.bottom-left {
position: absolute;
bottom: 8px;
left: 16px;
}
/* Top left text */
.top-left {
position: absolute;
top: 2px;
left: 16px;
}
/* Top right text */
.top-right {
position: absolute;
top: 2px;
right: 16px;
}
/* Bottom right text */
.bottom-right {
position: absolute;
bottom: 8px;
right: 16px;
}
/* Centered text */
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*Code for Instagram Link*/
{
background-color: white;
#top, #bottom, #left, #right {
background: #a5ebff;
position: fixed;
}
.borderColor {/*