html,body{height:100%;width:100%;margin:0}header{background-color:#eee;display:flex;justify-content:space-between;align-items:center;padding-left:2em;padding-right:2em}nav>ul{display:flex;gap:2em;list-style:none}#menu-trigger{display:none;cursor:pointer}#WelcomeMessage{background-color:#cde;width:100%;height:5em;margin:auto;display:flex;justify-content:center;align-items:center;cursor:pointer}section h2{width:50%;margin:1em auto;text-align:center}section div{display:flex;justify-content:center}.flex-container{display:flex;flex-wrap:wrap;flex-direction:row;max-width:1180px;margin:auto;justify-content:center;align-items:center;padding:10px 10px 0}.display-none{display:none}.box{background-color:#89a;height:8em;display:flex;flex:1 1 45%;justify-content:center;flex-direction:row;margin:5px 5px auto}.CallToAction{background-color:#def;display:flex;justify-content:center;align-items:center;margin:1em auto 0;width:8em;height:3em;border:0;cursor:pointer}@media (max-width: 799.9px){nav>ul{display:none}.menu{display:none}#menu-trigger{display:block}}@media (max-width: 499.9px){.box{flex:1 1 100%;max-width:100%}}.menu{display:block;position:fixed;top:0;right:0;width:50%;height:100%;background-color:#fff;padding:5px}.menu ul{list-style:none;padding:0;margin:0}.menu li{padding-bottom:20px;margin:0}#menu-close{position:absolute;text-align:right;font-size:20px;top:0;right:30px;cursor:pointer}#assignment4{background:#edeff0;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.container{width:90%;max-width:1100px;margin:1.1em auto;display:grid;grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));list-style-type:none}.card{box-sizing:border-box;background:#fff;padding:20px;border-radius:5px;box-shadow:0 1px #0000001a}h2{font-size:2em;margin-bottom:8px;color:#384047;line-height:1.2;margin-top:5px}ul{padding:0 0 0 1em;margin-top:.85em}li{margin-bottom:.5em}p{color:#222;font-size:1em;margin-bottom:15px;line-height:1.4}.name{text-overflow:ellipsis;color:#00f;white-space:nowrap;display:flex;-webkit-box-align:center;align-items:center;font-size:16px;font-weight:500;overflow:hidden}.visibility{-webkit-box-align:center;align-items:center;background-color:transparent;border-width:1px;border-radius:999px;border-style:solid;display:inline-flex;font-weight:600;font-size:12px;line-height:1;white-space:nowrap;border-color:gray;color:gray;height:20px;padding:0 7px;margin-left:8px}.description{box-sizing:border-box;color:#1f2328;color-scheme:light;display:inline;font-size:14px;height:auto;line-height:21px;overflow-wrap:break-word;text-size-adjust:100%;width:auto}.topics{color:var(--fgColor-accent, var(--color-accent-fg, #0969da));text-decoration:none;font-size:12px;display:inline-block;padding:0 10px;font-weight:500;border-radius:2em;line-height:22px;background-color:var( --bgColor-accent-muted, var(--color-accent-subtle, #ddf4ff) );white-space:nowrap}.topicsbox{margin-bottom:4px;margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.button-6{align-items:center;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;box-shadow:#00000005 0 1px 3px;box-sizing:border-box;color:#000000d9;cursor:pointer;display:inline-flex;font-family:system-ui,-apple-system,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:1.25;margin:0;min-height:3rem;padding:calc(.875rem - 1px) calc(1.5rem - 1px);position:relative;text-decoration:none;transition:all .25s;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:baseline;width:auto}.button-6:hover,.button-6:focus{border-color:#00000026;box-shadow:#0000001a 0 4px 12px;color:#000000a6}.button-6:hover{transform:translateY(-1px)}.button-6:active{background-color:#f0f0f1;border-color:#00000026;box-shadow:#0000000f 0 2px 4px;color:#000000a6;transform:translateY(0)}.btn-container{display:flex;justify-content:center}.counter{display:flex;align-items:center;margin-bottom:10px}.counter .btn{margin-right:10px}.btn{background:#fff;backface-visibility:hidden;border-radius:.375rem;border-style:solid;border-width:.125rem;box-sizing:border-box;color:#212121;cursor:pointer;display:inline-block;font-family:Circular,Helvetica,sans-serif;font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;padding:.875rem 1.125rem;position:relative;text-align:left;text-decoration:none;transform:translateZ(0) scale(1);transition:transform .2s;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btn:not(:disabled):hover{transform:scale(1.05)}.btn:not(:disabled):hover:active{transform:scale(1.05) translateY(.125rem)}.btn:focus{outline:0 solid transparent}.btn:focus:before{content:"";left:-.375rem;pointer-events:none;position:absolute;top:-.375rem;transition:border-radius;-webkit-user-select:none;user-select:none}.btn:focus:not(:focus-visible){outline:0 solid transparent}.btn:focus:not(:focus-visible):before{border-width:0}.btn:not(:disabled):active{transform:translateY(.125rem)}