:root {
        --text: rgb(94, 255, 0);
        --border: rgb(0, 255, 0);
        --gradientTop: green;
        --gradientBottom: rgb(0, 44, 0);
        --bg: rgb(100, 70, 0);


    }
    
    body {
        padding: 10px;
        font-family:'Courier New', Courier, monospace;
        background-color: var(--gradientBottom);
        background-image:   repeating-radial-gradient( circle at 0 0, transparent 0, var(--gradientBottom) 100px ), repeating-linear-gradient( var(--bg), var(--bg));
        background-size:contain;
}

    .container {
	max-width: 55rem;
	margin: 5vw auto 12px auto;
	border: 3px ridge var(--border);
	outline: 3px solid var(--gradientTop);
	outline-offset: 4px;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
	padding: 5px;
	gap: 5px;

    background-color: var(--gradientBottom);
	background-image: url("Untitledb.png");
}

.small { flex: 1 1 9%; }
.large { flex: 1 1 82%; }
.full { flex: 1 1 100%; }
.half { flex: 1 1 49%; }

    header {
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 120px;
	border: 2px ridge var(--border);
	border-radius: 5px;
	position: relative;
}  

    header span {
        color: var(--text);
        position: absolute;
        bottom: 0;
        right: 10px;
        margin: 10px;
        font-weight: bold;
        font-size: 77px;
    }

    nav {
        border: var(--border);
        border-radius: 5px;
        padding: 5px;
        background:linear-gradient(var(--gradientTop),var(--gradientBottom));
    }

    nav div {
    font-weight: bold;
    color: var(--text);
	text-align: center;
	font-size: 1.25rem;
	margin: 5px 5px 10px 5px;
    }

    nav a {
    font-weight: bold;
    color: var(--text);
	display: block;
	margin: 5px;
	background: linear-gradient(to right,var(--bg),var(--gradientBottom));
	border-radius: 5px;
	padding: 2px 7px;
	text-decoration: none;
    }

    nav a:hover, nav a:focus {
	background: linear-gradient(to right,var(--bg), var(--gradientBottom), var(--gradientTop));
    }

    section {
	border: 2px ridge var(--border);
	border-radius: 5px;
	background: linear-gradient(var(--gradientTop),var(--gradientBottom));
	padding: 5px;
    width: 700px;
    }

    section img {
        size: 50px;
        padding-left: 50px;
    }

    .duck {
        size: 50px;
        padding-left:70px;
    }

    h1, h2, h3, h4, h5, h6, p  { 
	margin: 5px;
	line-height: 1.2;
    }
    
    h1 {
        color: var(--text);
        font-size: 30px;
        text-align: center;
    }

    p {
        color: var(--text);
        text-align: center;
    }