.homepage{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;width:100%}.header{height:48px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.nav{display:flex;flex-direction:row;align-items:center;justify-content:center;height:48px;width:fit-content}.navbar{display:flex;width:fit-content;flex-direction:row;border-radius:0!important}.navbar:hover{cursor:pointer;border-bottom:4px solid;border-image:linear-gradient(90deg,#00ff88,#00cc66,#00ff88) 1;animation:borderShine 0.5s infinite alternate ease-in-out}.nav p{margin:0}.nav a{all:unset;display:flex;width:fit-content;flex-direction:row}.logo img{height:40px;border-radius:8px}.headerLogoText{height:48px;display:flex;flex-direction:row;align-items:center}.headerText{font-family:'milker';font-size:18px;color:#fff;margin-left:10px;height:100%;display:flex;justify-content:center}.headerText h1{margin:0}.greenshine{color:#0f8;font-weight:700;text-shadow:0 0 2px #00ff88,0 0 5px #00ff88,0 0 10px #00ff88,0 0 20px #00cc66,0 0 30px #0c6;background:linear-gradient(120deg,#00ff88,#00cc66,#00ff88);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:electricShine 0.5s infinite alternate ease-in-out}@keyframes electricShine{0%{background-position:0% 50%;text-shadow:0 0 1px #00ff88,0 0 4px #00ff88,0 0 8px #00ff88,0 0 16px #00cc66,0 0 20px #0c6}100%{background-position:100% 50%;text-shadow:0 0 3px #00ff88,0 0 6px #00ff88,0 0 12px #00ff88,0 0 24px #00cc66,0 0 35px #0c6}}.homepageStage{display:flex;flex-direction:row;flex:1;width:100%;align-content:center}.portImg img{height:500px;border-radius:15px}.portrait{display:flex;align-items:center}.intro{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center}.introCard{display:flex;flex-direction:column;width:470px}.introName p{font-size:100px;font-family:poppinsBold;margin:0;z-index:-1}.links{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:50px}.ig img{display:flex;height:50px}.ig:hover{cursor:pointer}.emailSub{display:flex;flex-direction:row;align-items:center;justify-content:center;flex:1;padding:5px;background-color:#26233A;box-shadow:0 0 8px #0F0D1A}.emailSub:hover{cursor:pointer;box-shadow:0 0 8px #0f8}.email{height:100%;display:flex;align-items:center}.email img{height:80%}.join{display:flex;flex-direction:row;align-items:center;justify-content:center;width:fit-content;padding:5px 10px;background-color:#26233A;box-shadow:0 0 8px #0F0D1A;max-height:100%}.join:hover{cursor:pointer;box-shadow:0 0 8px #0f8}.join img{height:100%}.cryptoWatcher{width:100%;margin:0!important}
/*!!Fix for the crypto watcher!!(the problem is, it is inheriting css from css/global.css)*/
.cryptoWatcher a{all:unset}.cryptoWatcher div{display:inline-block}.about{display:flex;flex-direction:row;max-width:100%;height:440px}.aboutme{min-width:50%;max-width:50%;display:flex;height:100%;flex-direction:column;overflow:hidden}.aboutText{background-color:#26233A;box-shadow:0 0 8px #0F0D1A;padding:10px}.aboutTrading{display:flex;flex:1;background-color:#26233A;box-shadow:0 0 8px #0F0D1A;padding:10px;flex-direction:column;justify-content:space-between}.aboutTradingCol{height:50%;display:flex;flex-direction:row;width:100}.aboutTradingBox{display:flex;flex-direction:column;width:50%;align-items:center;justify-content:center}.aboutTradingBox p{margin:0}.updates{display:flex;flex-direction:column;width:50%;}.bookUpdate{display:flex;flex-direction:row;height:130px}.bookCover img{height:130px;border-radius:8px}.bookCover:hover{cursor:pointer;box-shadow:0 0 8px #0f8}.bookDetails{display:flex;height:100%;flex-direction:column;gap:10px;flex:1}.currentRead{background-color:#26233A;box-shadow:0 0 8px #0F0D1A;padding:5px 10px;width:fit-content}.bookYap{background-color:#26233A;box-shadow:0 0 8px #0F0D1A;padding:5px 10px;flex:1}.bookYap p,.currentRead p{margin:0}.flex{width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;height:300px;padding:4px 0}.flex img{border-radius:8px;box-shadow:0 0 8px #0F0D1A;position:absolute;transition:all 0.3s ease}.flex img:hover{cursor:pointer;box-shadow:0 0 8px #0f8}.main-img{height:290px;z-index:3}.side-img{z-index:1}.left-img-1{height:200px;left:50%;transform:translateX(-180%)}.left-img-2{height:220px;left:45%;transform:translateX(-100%);z-index:2}.right-img-1{height:220px;right:45%;transform:translateX(100%);z-index:2}.right-img-2{height:200px;right:50%;transform:translateX(180%)}.bookCall{display:flex;align-items:center;justify-content:center;width:100%;height:350px;overflow:hidden;position:relative}.bookCall img{width:100%;border-radius:8px}.glassOverlay{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 20px;background:rgb(255 255 255 / .15);border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-weight:700;border:1px solid rgb(255 255 255 / .2);z-index:1;cursor:pointer;transition:background 0.3s ease,box-shadow 0.3s ease}.glassOverlay:hover{background:rgb(255 255 255 / .25);box-shadow:0 0 20px rgb(255 255 255 / .6)}.services{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.green{color:#0bff03}.red{color:red}.card{background-color:#26233A;border-radius:1rem;padding:2rem 1.5rem;width:200px;box-shadow:0 0 8px #0F0D1A;position:relative;text-align:left}.card:hover{cursor:pointer;box-shadow:0 0 8px #0f8}.card-header{background-color:#161616;border-radius:.8rem;padding:1rem;text-align:center;position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:60%;box-shadow:0 0 8px #0F0D1A}.card-header i{display:block;font-size:24px;color:#a020f0;margin-bottom:.5rem}.card-header h3{margin:0;font-size:1rem;color:#fff}.card-content{margin-top:60px}.checkmark{color:#a020f0;margin-right:.5rem}.card-content p{margin:1rem 0;line-height:1.4rem}.contactMe{display:flex;flex-direction:row;background-color:#161616;width:90%;height:200px;justify-content:space-between;box-shadow:0 0 8px #0F0D1A;align-items:center}.cmInput{display:flex;align-items:center;justify-content:center;height:100%;width:50%;background-color:#26233A;flex-direction:column}.cmText{padding:10px 20px}.cmText p{margin:0}.cmInput input{all:unset;box-shadow:0 0 8px #0F0D1A;padding:10px 20px;border-radius:8px}.cmInput button{all:unset;box-shadow:0 0 8px #0F0D1A;padding:10px 20px;border-radius:8px;background-color:#a020f0;}.subcribeBtn:hover{cursor:pointer;box-shadow:0 0 8px #0f8}.footer p{margin:0;font-size:12px}