@font-face {
    font-family: Montserrat;
    src: url("/fonts/Montserrat-Regular.woff");
}

body {background-color:#54ccde;
color:#2e2828;
margin:0;
padding:0;
font-family:'Montserrat', sans-serif;}



* {cursor: url("https://downloads.totallyfreecursors.com/cursor_files/duck.ani"), url("https://downloads.totallyfreecursors.com/thumbnails/duck.gif"), auto;
box-sizing: border-box;
scrollbar-color: #97E44B transparent;}

.stripe {height:100%;
position:fixed;
left:0;
top:0;
width:2.5%;
background-color:#e94f37;
z-index:-4;}

.stripe2 {height:100%;
position:fixed;
top:10px;
left:2.5%;
width:2.5%;
background-color:#ffc933;
z-index:-4;}

.stripe3 {background-color:#97E44B;
height:100%;
position:fixed;
top:0;
left:5%;
width:2.5%;
z-index:-5;}

.stripe4 {width:100%;
background-color:#e94f37;
height:20px;
position:fixed;
top:0;
z-index:-5;
border-bottom:#ffc933 10px solid;
  box-shadow:
    0 0 0 10px #97E44B,
    0 0 0 10px #97E44B;}

h1 {color:#ffc933;
font-family:'Nerko One';
font-size:58pt;
font-weight:400;
margin-top:50px;
width:fit-content;
margin-left:10%;
position:relative;
line-height:1;
text-shadow:#fcfaf8 -1px 1px, 
#fcfaf8 1px 1px,
#fcfaf8 1px -1px,
#fcfaf8 -1px -1px;}

.quack {
width:fit-content;
position:fixed;
bottom:0;
right:0;}

.quack img {transition:3s;}

.quack img:hover {rotate:-360deg;}

.backnav {position:absolute;
}

.backnav a:hover {background-color:transparent;}
.backnav img:hover {rotate:10deg;}

.introtxt {
font-size:14pt;
padding:20px;
width:50%;
margin-left:12%;
margin-top:90px;
min-width:400px;
background-color:#fcfaf8;
min-height:100px;
border:#97E44B solid 10px;
outline:10px solid #ffc933;

  box-shadow:
    0 0 0 20px #e94f37,
    0 0 0 20px #e94f37;}

.introtxt p {
line-height:1.2;}

a {color:#54ccde;
text-decoration:wavy underline;
transition:0.5s;
font-weight:bold;}

a:hover {background-color:#54ccde;
color:#fcfaf8;
font-size:20px;}

.textagain {font-size:14pt;
padding:30px;
width:50%;
margin-left:12%;
margin-top:50px;
min-width:400px;
background-color:#fcfaf8;
min-height:100px;
border:#97E44B solid 10px;
outline:10px solid #ffc933;
border-radius:100px;
  box-shadow:
    0 0 0 20px #e94f37,
    0 0 0 20px #e94f37;}

@media only screen and (max-width: 768px) {

.introtxt {font-size:14pt;
padding:30px;
width:100%;
margin:auto;
margin-top:30px;
min-width:400px;
background-color:#fcfaf8;
min-height:100px;
border:#ffc933 solid 10px;
outline:none;
border-radius:0px;
  box-shadow: none;}

.quack {position:static;
margin:auto;}

h1 {width:fit-content;
margin-left:12.5%;
font-size:50pt;
line-height:0.7;
text-shadow:#fcfaf8 -1px 1px, 
#fcfaf8 1px 1px,
#fcfaf8 1px -1px,
#fcfaf8 -1px -1px;
}

.backnav {left:0;
top:50px}

}