#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#302e86}img{display:block;margin-left:auto;margin-right:auto;padding:2px;width:250px;border-radius:10%}#nav{padding:30px}#nav,#nav a{color:#302e86}#nav a{font-weight:700}#nav a.router-link-exact-active{color:green}.fade-enter-active,.fade-leave-active{transition-property:opacity;transition-duration:.25s}.fade-enter-active{transition-delay:.25s}.fade-enter,.fade-leave-active{opacity:0}.hat-card{z-index:100;height:30;display:block;margin-left:auto;margin-right:auto}.hat-pic{z-index:100;border:5px solid #555}.gaiter-card{z-index:100;height:30;display:block;margin-left:auto;margin-right:auto}.gaiter-pic{z-index:100;border:5px solid #555}.button:hover{transform:scale(1.3)}.button{border:none}.sock-card{z-index:100;height:30;display:block;margin-left:auto;margin-right:auto}.sock-pic{z-index:100;border:5px solid #555}.hoodie-card{z-index:100;height:30;display:block;margin-left:auto;margin-right:auto}.hoodie-pic{z-index:100;border:5px solid #555}.button{background-color:#4caf50;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}.overlay,h2{width:100%}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;opacity:0;transition:.5s ease;background-color:#a9b5b9}*{padding:0;margin:0;text-align:center}.grid-container{display:grid;grid-template-columns:auto auto auto auto;background-color:#95c099;padding:3px}.grid-item{background-color:#302e86;border:1px solid rgba(0,0,0,.8);padding:30px;font-size:30px;text-align:center;position:relative}@media only screen and (max-width:1400px){.grid-container{grid-template-columns:auto auto}}@media only screen and (max-width:700px){.grid-container{grid-template-columns:auto}}@media (min-width:1500px){.grid-item{height:45vw}}.grid-container-mob{display:grid;background-color:#95c099;padding:3px;box-sizing:border-box;width:100%}.grid-item-mob{background-color:#302e86;border:1px solid rgba(0,0,0,.8);box-sizing:border-box;padding:10px;font-size:30px;width:100%;text-align:center;position:relative}a{font-family:Avenir,Helvetica,Arial,sans-serif;font-size:18px;color:#302e86;font-weight:700}a,h1{position:relative;text-align:center;font-style:inherit}h1{font-size:5;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}h2{font-size:medium;font-family:Avenir,Helvetica,Arial,sans-serif;position:relative}h2,h3{color:beige}h3{font-size:small;text-align:justify;right:30%;top:20px;left:30%;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}h4{font-size:medium;color:#302e86;font-family:Avenir,Helvetica,Arial,sans-serif;position:relative}body{font-family:sans-serif}.logo:hover{border-radius:30%;opacity:.2}#app{background-color:#d6cdcd;background-size:auto}