mirror of
https://github.com/DevEhChad/chadsreactproject.git
synced 2025-11-08 13:31:35 +00:00
2 lines
7.2 KiB
CSS
2 lines
7.2 KiB
CSS
.App{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:auto;width:100%}body{margin:0;padding:0}.navbar{background-color:#000;display:flex;flex-direction:row;height:80px;width:100svw}.navbar .leftSide{align-items:center;display:flex;flex:50% 1;height:100%;padding-left:150px}.navbar .leftSide img{width:70px}.navbar .rightSide{align-items:center;display:flex;flex:50% 1;height:100%;justify-content:center}.navbar a{color:#fff;font-size:18px;margin:10px;text-decoration:none}.navbar a:hover{color:red;font-size:20px;transition:.3s ease-in}.navbar a.active{background-color:rgba(255,0,0,.552);border-radius:15%;color:#fff;font-size:22px;padding:10px}.navbar .rightSide button{background-color:initial;border:none;color:#fff;cursor:pointer}.navbar .rightSide svg{font-size:40px}.navbar #open{padding-left:0}.navbar #open img{display:none}.navbar #close img{display:inherit}.navbar #open .hiddenLinks{display:inherit;margin-left:30px}.navbar #close .hiddenLinks{display:none}.navbar #open a{margin:5px;width:70px}@media only screen and (max-width:900px){.navbar .rightSide a{width:65px}.navbar .leftSide{padding-left:50px}}@media only screen and (max-width:600px){.navbar .rightSide a{display:none}.navbar .rightSide{justify-content:flex-end;padding-right:50px}.navbar .rightSide button{display:inherit}}@media only screen and (min-width:601px){.hiddenLinks,.navbar .leftSide a,.navbar .rightSide button{display:none}}.footer{align-items:center;background-color:#000;bottom:0;display:flex;flex-direction:column;justify-content:center;margin-top:auto;min-height:100%;width:100vw}.socialMedia a,.socialMedia svg{color:red;cursor:pointer;font-size:50px;margin:20px;text-decoration:none}.footer p{color:#00ff0d}.home{align-items:left;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:90vh;justify-content:center;width:100svw}.headerContainer{background-color:hsla(0,0%,41%,.16);border-radius:10px;height:auto;margin-left:30px;padding:16px;width:50svw}.headerContainer h1{align-items:center;color:#fff700;font-size:90px;font-weight:50;height:auto;justify-content:center;width:auto}.headerContainer p{color:#fff700;font-size:40px;font-weight:lighter;padding:0;width:auto}.headerContainer button{background-color:rgba(0,0,0,.765);border:none;border-radius:18px;color:#000;color:#fff;cursor:pointer;font-size:20px;height:50px;justify-content:center;text-decoration:none;width:180px}.headerContainer button:hover{background-color:#1500ff;color:#fff;cursor:pointer;transition:.3s ease-in}.discordint iframe{background-color:#000;border:1px solid #000;border-radius:10%;bottom:20px;box-shadow:0 0 10px rgba(0,0,0,.2);display:flex;height:350px;padding:5px;position:fixed;right:20px;width:400px;z-index:1001}@media only screen and (max-width:765px){.home{align-items:center;justify-content:center}.headerContainer h1,.headerContainer p{display:flex}.headerContainer{align-items:center;background-color:#121619;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:0;padding:10px;width:auto}.headerContainer h1{color:#fff;font-size:40px;height:30px}.headerContainer p{color:#fff;font-size:30px}.headerContainer button{background-color:#fff;color:#000;margin-bottom:30px}.headerContainer button:hover{background-color:#1500ff;color:#fff}.discordint iframe{display:none}}@media only screen and (max-width:500px){.headerContainer,.headerContainer h1,.headerContainer p{display:flex;justify-content:center}}@media only screen and (max-width:1030px){.discordint iframe{display:none}}@media (max-height:630px),only screen and (max-width:920px){.home{align-items:center;justify-content:center}.headerContainer h1,.headerContainer p{display:flex}.headerContainer{align-items:center;background-color:#121619;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:0;padding:10px;width:auto}.headerContainer h1{color:#fff;font-size:40px;height:30px}.headerContainer p{color:#fff;font-size:30px}.headerContainer button{background-color:#fff;color:#000;margin-bottom:30px}.headerContainer button:hover{background-color:#1500ff;color:#fff}.discordint iframe{display:none}}.shop{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.shop .shopTitle{font-family:cursive;font-size:60px}.shopList{display:grid;grid-template-columns:1fr 1fr 1fr;height:auto;place-items:center;width:70vw}.shopItem{border-radius:15px;box-shadow:0 3px 15px rgba(0,0,0,.2);height:350px;margin:20px;width:300px}.shopItem:hover{box-shadow:0 3px 15px rgba(0,0,0,.5);cursor:pointer;transition:.3s ease-in}.shopItem div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.shopItem h1,.shopItem p{margin-left:20px}@media only screen and (max-width:1300px){.shopList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.shopList{grid-template-columns:1fr}}.about{display:flex;flex-direction:column;min-height:100vh;width:100%}.aboutTop{background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;height:45%;width:100vw}.aboutBottom{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:50px;padding-bottom:10px}.aboutBottom p{display:flex;font-size:23px;justify-content:center;width:90svw}.about .aboutBottom h1{color:#000;display:flex;font-size:70px;font-weight:400;height:30px;justify-content:center;-webkit-transform:translateY(-40px);transform:translateY(-40px)}.discordInvAbout,.discordInvAbout a{background-color:#121619;border:none;border-radius:15px;color:#fff;display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:25px;justify-content:center;padding:10px;text-align:center;text-decoration:none}.discordInvAbout a:hover{background-color:#000;border-radius:30px;cursor:pointer;font-size:28px;text-decoration:none;transition:.3s ease-in}.discordIntAbout iframe{display:none}.contact{display:flex;height:90vh;width:100%}.contact .leftSide{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:50% 1;height:100%}.contact .rightSide{display:flex;flex:50% 1;flex-direction:column;height:100%;justify-content:center}.contact .rightSide h1{font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:50px;font-weight:10;margin-left:30px}form{display:flex;flex-direction:column;height:auto;padding:30px;width:auto}form input{height:40px}form input,form textarea{border:none;border-bottom:1px solid #121619;color:#000;width:80%}form textarea{height:70px;margin-top:15px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700}input::placeholder,textarea::placeholder{color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700}form input:focus,textarea:focus{outline:none}form label{color:grey;margin-top:15px}form button{background-color:#121619;border:none;color:#f5f5f5;cursor:pointer;font-size:15px;height:40px;margin-top:40px;width:140px}
|
|
/*# sourceMappingURL=main.c2038ece.css.map*/ |