body{display:flex;color:#000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;background:linear-gradient(to right,#e5e5e5,#e5e5e5 90%,#c4d5c4 90%,#c4d5c4)}#root{width:100vw;margin:0}.App{display:flex;flex-direction:column;font-size:1rem}.NavBar{background-color:#fff;margin:0 0 12px;padding:20px;box-shadow:0 14px 8px -6px #0000001a}.NavItem{text-decoration:none;color:#000;margin:0 2px;padding:10px 20px;position:relative}@keyframes NavItemHoverColourChange{0%{border-bottom:solid rgb(220,220,220) 1px}to{border-bottom:solid rgb(1,87,0) 1px}}.NavItem:hover{cursor:pointer;animation-name:NavItemHoverColourChange;animation-duration:1s;border-bottom:solid rgb(1,87,0) 1px}@keyframes NavItemDropDownGrow{0%{max-height:0}to{max-height:500px}}.NavItemDropDown{display:flex;flex-direction:column;position:absolute;top:100%;left:0;background-color:#fff;width:100%;animation-name:NavItemDropDownGrow;animation-duration:1.5s;overflow:hidden;box-shadow:8px 14px 8px -6px #00000080;z-index:999}.NavItemDropDown .NavItem:hover{cursor:pointer;border:none;animation:none;background-color:#dcdcdc}.NavVertical{display:flex;justify-content:center;position:relative;width:34px;height:34px;margin:20px 24px;color:#f1f1f1;background-color:#64b064;border-radius:4px;box-shadow:1px 3px 6px #0000004d;padding:8px}.NavVerticalDropDown{display:flex;flex-direction:column;position:absolute;width:150px;top:120%;left:0;background-color:#fff;animation-name:NavItemDropDownGrow;animation-duration:1s;overflow:hidden;box-shadow:1px 3px 6px #0000004d;border-radius:4px;z-index:999}.NavVerticalDropDown .NavItem:hover{cursor:pointer;border:none;animation:none;background-color:#dcdcdc}.Template{display:flex;flex-direction:row;justify-content:center;align-items:start;margin:24px 34px;min-height:100vh}@keyframes ContentCardFadeIn{0%{transform:translate(28%) translateY(2rem);opacity:0}to{transform:translate(25%) translateY(2rem);opacity:1}}@keyframes ContentCardFadeIn820{0%{transform:translate(-4%);opacity:0}to{transform:translate(-7%);opacity:1}}@keyframes ContentCardFadeIn2300{0%{transform:translate(18%) translateY(2rem);opacity:0}to{transform:translate(15%) translateY(2rem);opacity:1}}.ContentCard{min-width:60%;transform:translate(25%) translateY(2rem);border-radius:8px 8px 0 0;background-color:#fffe;box-shadow:1px 1px 20px 1px #00000069;animation-name:ContentCardFadeIn;animation-duration:.65s;animation-timing-function:cubic-bezier(.25,1,.5,1);z-index:900}@media screen and (max-width: 820px){.ContentCard{transform:translate(-7%);width:90%;animation-name:ContentCardFadeIn820;font-size:.65rem}}@media screen and (min-width: 2300px){.ContentCard{transform:translate(15%) translateY(2rem);animation-name:ContentCardFadeIn2300}}.ContentCard p{padding:18px}h1{color:#000;padding:12px 18px;background-image:linear-gradient(to bottom right,#64b064,#b9d4b9);font-weight:lighter;border-radius:8px 8px 0 0;margin:0}footer{margin:38px 0 24px;color:#464646;font-weight:300;font-style:italic;text-align:center;font-size:smaller}img{margin:0 8px}.Img-XSmall{width:10%}.Img-Small{width:20%}.Img-Medium{width:30%}.Img-Large{width:40%}.Img-XLarge{width:50%}.Img-XXLarge{width:60%}@keyframes FadeImageFadeIn{0%{opacity:0}to{opacity:.65}}.FadeImage{max-width:60%;transform:translate(-25%);height:auto;object-fit:contain;z-index:-999;opacity:.65;margin-right:10%;animation-name:FadeImageFadeIn;animation-duration:.8s;animation-timing-function:ease-in}@media screen and (max-width: 820px){.FadeImage{display:none}}