html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.graduate-regular{font-family:Graduate,serif;font-weight:400;font-style:normal}body{margin:0 0 60px;padding:0 0 0 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:#158;background-color:#f8f8f8;overflow-x:hidden}.header{display:flex;min-height:146px;justify-content:space-between;align-items:top;padding:.8rem 1rem 1.2rem;margin-left:-16px;background:linear-gradient(to bottom,#9bddf8 30%,#97defb 40%,#e2f2f8 78%,#9bf18c 88%,#32cd32 100%);color:#158}.header a{text-decoration:none}.header a h1{color:#158}.header h1{font-size:2.6em;font-family:Graduate,serif;font-weight:400;line-height:1em;margin:2px 0 2px 8px;padding:0}.header h1 span{font-size:.46em;display:block;line-height:.8em}@media (max-width: 768px){.header{flex-direction:column;min-height:190px}.header h1{font-size:1.8em}nav{position:absolute;top:100px;left:-24px}}.logo{font-size:1.5rem;font-weight:700}.nav ul{list-style-type:none;display:flex;justify-items:left;gap:1rem;margin-right:20px}@media (max-width: 768px){.nav ul{gap:0;margin-right:0;flex-direction:column-reverse;}nav{top:80px;}}.nav a{color:#259;font-weight:500;text-decoration:none;transition:color .3s ease;display:block;padding:2px 10px}.nav a:active,.nav a:hover{color:#58c;text-decoration:underline}#main{margin:0 auto;max-width:700px}#main p{line-height:1.4em;margin-bottom:16px}#main ol,#main ul{margin:0;padding:0 24px}#main ol li,#main ul li{line-height:1.4em;margin-bottom:16px;padding-left:6px}.banner{width:98%;max-width:700px;margin:20px 0 30px;border:1px solid #949fe9;border-radius:12px}.sidebar .banner{border: none; width:100%;max-width:600px;margin:-40px -16px -50px;}.sidebar{width:98%;margin:0;border:1px solid #949fe9;border-radius:12px;box-sizing:border-box;padding:10px 16px;background:#fff}@media (min-width: 768px){.sidebar{float:right;width:300px;margin:0 12px 40px}}iframe{width:100%;max-width:700px;height:900px;border-radius:8px;border:0;border:1px solid #949fe9}.bocce-court{position:absolute;width:100vw;left:0;top:72px;transform:translate(262px)}@media (max-width: 768px){.bocce-court{top: 108px;}}.pallino{position:absolute;top:54px;right:0;width:10px;height:10px;background-color:#f5f5f5;border:1px solid #bbb;border-radius:50%;box-shadow:inset 0 0 5px #dcdcdc33,0 2px 4px #0000001a;animation:roll 5s ease-in-out forwards,leaveTrail 5s ease-in-out forwards}.bocce-red,.bocce-green{position:absolute;top:40px;right:0;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 10px #dcdcdc4d,0 2px 10px #0003}.bocce-red{background:url(https://maynardbocce.com/images/red-ball-50px.png);background-size:contain;background-color:#b34;animation:roll-red 10s ease-in-out forwards}.bocce-green{background:url(https://maynardbocce.com/images/green-ball.png);background-size:contain;background-color:#063;animation:roll-green 12s ease-in-out forwards}@keyframes roll{0%{transform:translate(-60px) rotate(0)}98%{transform:translate(-100vw) rotate(-270deg)}to{transform:translate(calc(-100vw + 1px)) rotate(-360deg)}}@keyframes roll-red{0%{transform:translate(-60px)}70%{transform:translate(0)}98%{transform:translate(calc(-100vw - 30px)) rotate(-356deg)}to{transform:translate(calc(-100vw - 32px)) rotate(-360deg)}}@keyframes roll-green{0%{transform:translate(-60px) rotate(0)}80%{transform:translate(0) rotate(-90deg)}98%{transform:translate(calc(-100vw + 50px)) rotate(-270deg)}to{transform:translate(calc(-100vw + 52px)) rotate(-268deg)}}