.page-button-div{position:absolute;bottom:10%;margin:auto;width:100%}.page-button{width:6.75%;position:relative;bottom:1rem;left:45vw}#quilts-button{background-color:hsl(200,50%,80%);color:black}.form,form{width:75vw;padding-bottom:20px}.form,button,form{background-color:hsl(200,50%,20%);color:white;padding:15px 20px;border:none;border-radius:10px;cursor:pointer;font-size:1rem;margin:auto}button:hover{background-color:#1A6998}button:active{box-shadow:2px 2px 5px grey;background-color:#92CAEC}.modeButtonStyle{background-color:white;color:black}.submit{background-color:hsl(150,50%,90%);color:black}.facebook-btn{padding:.5rem;margin:.5rem 2rem;background-color:hsl(200,50%,90%);color:black}.btn{color:white;border-radius:.25rem;text-decoration:none}.widget{position:relative;top:25%;background-color:hsl(200,50%,20%);border-radius:2rem;padding:1rem}.widget,.widget-card{opacity:1;margin:auto;width:75%}.widget-card{text-align:center}body{background-color:#E4F1F2;font-family:Helvetica,san-serif;padding:0}html{font-size:16px;scroll-behavior:smooth}*{padding:0;margin:0}.container{display:flex;justify-content:space-around;align-items:center}.header{position:fixed;top:0;z-index:2;height:5rem}.header,form{background-color:hsl(200,50%,20%)}form{width:50%}footer{background-color:hsl(200,50%,20%)}.center-header{position:fixed;left:46%;font-size:150%}.right-header{position:fixed;right:2%}.navbar-brand{margin:auto 1rem}.nav{align-items:center}.card{border-radius:.5rem}.card,section{margin:1rem}#home{background-image:url(/_next/static/media/quiltHome.35eaa6e0.jpg);background-attachment:scroll;background-size:cover;height:100vh;top:0;width:auto}.footer{padding:1rem}#quilt-gallery{display:flex;background-color:black;flex-direction:row;width:80%;margin:2rem 0}@font-face{font-family:pixel;src:local("pixel"),url(/_next/static/media/m5x7.e24c3a76.ttf)}#bytesized{font-family:pixel;font-size:2rem;color:hsl(30,90%,70%)}p{font-size:1rem;padding-bottom:10px}h1{font-size:4rem;padding:10px}h1,h2{-webkit-text-stroke-width:"1px";-webkit-text-stroke-color:"black"}h2{font-size:3rem}h3{font-size:2rem}.title{color:hsl(200,70%,80%)}.subtitle{color:#9BCFEE}.input{font-family:Arial,Helvetica,sans-serif}.center-text{text-align:center}li{padding:5px}.left-text,li{text-align:left}.left-text{margin:auto;padding:10px}ul.footer{list-style-type:none;overflow:hidden;font-size:15px;float:left;padding:5px;text-align:center}ul{list-style-type:circle;color:black;font-size:20px}li.footer{float:left;padding:5px}li a{display:block;display:inline;float:left;padding:8px;color:white;text-align:center}li a:hover{color:hsl(200,90%,80%)}p a:hover{color:hsl(200,90%,90%)}a{color:#374F53}.navbar-brand{color:white;font-size:2rem;text-decoration:none}.nav-item{text-decoration:none;list-style:none}.facebook-btn{display:flex;flex-direction:row}.facebook-group{color:hsl(200,50%,20%);margin:auto .5rem}.footer{color:white}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#333}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#92CAEC}img.center{margin:auto;display:block}.cover-image{background-attachment:fixed;background-size:cover}.banner{position:relative;width:100%}img{border-radius:10px}.dark-mode{background-color:black}.dark-mode,.listColor{color:white}iframe{display:block}hr.solid{margin:auto;border-top:5px solid #333}.center-columns{box-align:center}.flexbox-container{display:flex;flex-wrap:wrap;justify-content:space-around}.flexbox-container,.flexbox-item{align-items:stretch}.block{padding:100px}.row:after{content:"";display:table;clear:both}.div-background{color:white}.navbar-links a{font-size:1rem;color:white;text-align:center;padding:14px 16px;text-decoration:none;display:block;border-radius:10px}.dropdown{overflow:hidden}.dropdown .dropbtn{font-size:16px;border:none;outline:none;color:white;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}.dropdown:hover .dropbtn,.navbar-links a:hover{background-color:#1A6998}.dropdown-content{display:none;position:fixed;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border-radius:10px}.dropdown-content a{float:none;color:black;padding:12px 16px;text-decoration:none;display:block;text-align:left;border-radius:10px}.dropdown-content a:hover{background-color:#ddd}.dropdown:hover .dropdown-content{display:block}.toggle-action{position:absolute;flex-direction:column;justify-content:space-between;width:30px;height:21px}.toggle-action,.toggle-button{display:none;border-radius:10px}.toggle-button{position:fixed;width:10%;height:6%;left:3%}.toggle-button .button-action .bar{height:3px;width:100%;background-color:white;border-radius:10px}.collapsible{background-color:#777;color:white;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:15px}.active,.collapsible:hover{background-color:#555}img.thumbnail{border:1px solid #ddd;border-radius:4px;padding:5px;position:relative}img.thumbnail:hover{box-shadow:0 0 2px 1px rgba(0,140,186,.5)}img{animation-name:fade-in;animation-duration:1s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}h1,h2,h3,hr,iframe,li,p{animation-name:text-fade;animation-duration:1s}@keyframes text-fade{0%{opacity:0}to{opacity:1}}.dropdown-content{animation-name:dropdown-fade;animation-duration:.5s}@keyframes dropdown-fade{0%{opacity:0}to{opacity:1}}.dark-mode{animation-name:text-fade;animation-duration:.5s}#message,input[type=email],input[type=text],select,textarea[type=message]{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical;font-family:Open Sans}.submit,button[type=submit]{background-color:#04AA6D;color:white;padding:12px 20px;border:none;border-radius:4px;cursor:pointer}button[type=submit]:hover{background-color:#1A6998}@media only screen and (max-width:1000px){form{width:80%}.nav-tabs{display:none}#quilt-gallery{display:flex;flex-direction:row;background-color:#BFE0F4;width:100%}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card{border:.1rem solid black;background-color:hsl(10,20%,90%);width:20rem;padding:.75rem}