mirror of
https://github.com/DevEhChad/chadsreactproject.git
synced 2025-11-08 13:31:35 +00:00
2 lines
5.8 KiB
CSS
2 lines
5.8 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:#121619;display:flex;flex-direction:row;height:100px;width:100svw;z-index:1000}.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;margin:20px;text-decoration:none}.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:#121619;display:flex;flex-direction:column;height:160px;justify-content:center;padding-top:10px;width:100svw;z-index:1000}.socialMedia svg{color:#fff;cursor:pointer;font-size:70px;margin:20px}.footer p{color:#fff}.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{margin-left:50px;width:auto}.headerContainer h1{align-items:center;color:#000;font-size:90px;font-weight:50;height:60px;justify-content:center}.headerContainer p{color:#000;font-size:40px;font-weight:lighter;padding:0}.headerContainer button{background-color:#121619;border:none;border-radius:5px;color:#000;color:#fff;cursor:pointer;font-size:20px;height:50px;justify-content:center;text-decoration:none;width:180px}.headerContainer button:hover{background-color:#07090a;cursor:pointer;transition:.3s ease-in}.discordint iframe{background-color:#000;border:1px solid #000;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:500}@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:80%}.headerContainer h1{color:#fff;font-size:40px;height:30px}.headerContainer p{color:#fff;font-size:30px}.headerContainer button{background-color:#fff;color:#121619;margin-bottom:30px}.headerContainer button:hover{background-color:#e1e1e1;color:#121619}.discordint iframe{display:none}}@media only screen and (max-height:500px){.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;height:90svh;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:35%;width:100svw}.aboutBottom{align-items:center;display:flex;flex-direction:column;height:55%;margin-top:50px}.aboutBottom p{display:flex;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)}.about .discordinvabout{background-color:#121619;border:none;border-radius:5px;color:#000;color:#fff;cursor:pointer;font-size:20px;height:50px;justify-content:center;text-decoration:none;width:180px}.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.3feef7de.css.map*/ |