.rectangle{width:calc(100% - 100px);height:calc(100vh - 80px);margin-left:40px;border:1px solid rgb(255,255,255);box-sizing:border-box;font-family:Inter;background:#0006;z-index:1000000;margin-top:30px}.toggle-button{margin-top:380px;color:#fff;background-color:#000;border:1px solid white}.container{display:flex;height:calc(100vh - 140px);letter-spacing:1px;padding:30px}.box1{text-align:left;font-size:50px;z-index:100000}.name{line-height:0;color:#fff}.title{font-size:18px;font-weight:100;color:#fff;padding-bottom:10px}.p1,.p2{color:#eee;font-size:15px;z-index:10000}.projects-wrapper{display:flex;align-items:center;position:fixed;padding:0 50px;width:480px;margin-left:-24px;transform:translate(45px)}.projects-container{display:flex;overflow:hidden;flex-wrap:nowrap;width:450px;height:80px}.ProjectBox{border:1px solid #ccc;padding:10px;border-radius:5px;box-sizing:border-box;width:150px;height:80px;margin:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.ProjectBox p{margin:0;text-align:center;word-wrap:break-word}.MyInfo{font-size:15px;border:1px solid white;padding:40px;height:472px;width:800px;display:flex;margin-top:110px;margin-left:-150px;background:#00000080;transform:translate(15px)}.arrow{background:#ddd;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;z-index:1;top:50%;transform:translateY(-50%)}.left-arrow{left:-20px}.right-arrow{right:10px}.colorpicker{margin-top:-20px;margin-left:-20px}.box-info{padding:10px;margin-bottom:20px;background-color:#000000b3;color:#fff;border:1px solid #ccc;margin-top:100px;border-radius:5px;height:400px;align-items:center;justify-content:center;position:relative;transform:translate(45px)}.box2{position:fixed;width:500px;text-align:center;color:#fff;margin-left:28%}.btn{text-transform:uppercase;border-radius:10px}.btn:hover .btn-slide-show-text1{margin-left:65px}.btn-down{border:none;outline:none;background:none;text-align:center;display:inline-block;width:180px;height:40px;margin:20px;position:relative;overflow:hidden;transition:color .1s}.emailsignup{margin-top:610px;margin-right:-80px}.btn-down:before{content:"";position:absolute;z-index:4;height:200px;width:250px;border-radius:50%;bottom:100%;left:-30px;transition:.5s}.submit-button{background-color:#000;color:#fff;padding:10px 20px;margin-left:5px;border:none;border-radius:5px;cursor:pointer;border:1px solid white;transition:background-color .3s;height:35px}.email-input{width:200px;height:13px;padding:10px;border:1px solid #ffffff;border-radius:5px;font-size:16px;margin-bottom:10px;background-color:#000;color:#fff;margin-left:5px}.submit-button:hover{background-color:#d3d3d3;color:#000}.btn-down:hover{color:#000}.btn-down:hover:before{bottom:-50px}.btn-down--black{color:#f3f3f3;border:1px solid rgb(228,228,228)}.btn-down--black:before{background:#e6e6e6}.description{padding-top:10px;padding-left:15px;color:#fff;font-weight:100;letter-spacing:2px}.emailsignup{color:#fff;font-weight:200}.toggle-button{width:200px;height:20px;margin:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s ease}.toggle-button:hover{background-color:#0056b3}.button{height:40px;margin:10px;background-color:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s ease}.button:hover{background-color:#fff;color:#000}.toggle-button{margin-top:350px;color:#fff;background-color:#000;border:1px solid white;z-index:-1}.toggle-button:hover{background-color:#e8e8e8}.colorpick-border{z-index:-2;height:100px;width:300px;border:1px solid white;color:#fff;margin-top:310px;padding:0 15px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.sliders{display:flex;flex-direction:column;align-items:center;gap:105px}#leftcolor{height:40px;width:40px;display:flex;flex-direction:column;border:2px solid white}#leftcolor-base{flex:1;display:fixed;align-items:center;justify-content:center;border-bottom:1px solid white}#rightbox{height:80px;width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.MyInfo{line-height:25px}.GitHubRef{height:40px;width:160px;margin:10px;background-color:#000;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .3s ease;border:1px solid white}.GitHubRef:hover{background-color:#fff;color:#000}.box-info{padding:40px;line-height:25px}