button{background-color:#4caf50;border-radius:10px;padding:5px 10px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:13px}.Assignment_1{background-color:#fff6;border:1px solid #fff;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:650px;margin-top:10px;padding:10px;display:flex;box-shadow:0 0 20px #fffc}.Assignment_1 h1{color:#022e08;margin-top:20px}.Assignment_1 pre{color:#000;margin-left:-100px;font-size:18px;font-weight:700}.container{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;width:100vw;height:100vh;display:flex}.container2{text-align:center;background-color:#ffffff1a;border-radius:15px;flex-direction:column;justify-content:center;gap:20px;width:450px;margin:0;padding:20px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #fff9}.container2 h1,label,.container2 p,.container2 pre{color:#fff}body{background-color:#000;background-image:none;justify-content:center;align-items:center;height:97vh;display:flex}.container2 h1{margin-top:50px}.container2 img{width:200px;height:200px;margin-left:auto;margin-right:auto}.box{text-align:center;flex-direction:column;justify-content:center;height:1000px;margin-top:250px;padding:50px;display:flex}ul{margin-left:0;padding:0}ul button{color:#fff;background-color:#000}.buttonBox{gap:20px;margin-top:10px;display:flex}ul{flex-direction:column;gap:5px;display:flex}.btns{display:flex}ol{padding:0}.inputBox{gap:5px;padding:10px;display:flex}.box4 h2{border:1px solid #000;padding:10px;box-shadow:5px 5px 5px #00000080}.color-box li{color:#fff}.colorBox{flex-direction:column;display:flex;position:absolute;top:100px;left:45%}#header{color:#fff;position:absolute;top:40px;left:44vw}.inputBox2{border:1px solid #fff;justify-content:center;gap:10px;margin:0;padding:10px;display:flex;position:absolute;top:50px;left:50%;transform:translate(-50%)}#header2{color:#fff;position:absolute;top:130px;left:45%}select{appearance:base-select;color:#fff;border:1px solid #ccc}::picker(select){appearance:base-select}select::picker-icon{padding:1px;transition:all .5s}select:open::picker-icon{rotate:180deg}.pageBox{flex-wrap:wrap;justify-content:center;gap:5px;width:90vw;display:flex;position:absolute;top:150px;left:40%;transform:translate(-40%)}.pageBox button{width:35px}#color-header{color:#fff;display:block;position:absolute;top:0;left:41vw}.login-box{background-color:#ffffff1a;border-radius:15px;flex-direction:column;justify-content:center;gap:20px;width:450px;margin-top:30px;padding:20px;display:flex;box-shadow:0 0 20px #fff9}.login-box h1{color:#fff;justify-content:center;display:flex}.login-box h3{color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.login-box input{border:1px solid #000;border-radius:5px;width:440px;height:30px}.login-box button:active{color:#fff;background-color:#000}.login-box button{cursor:pointer;width:450px;height:30px;font-size:15px}.login{justify-content:center;display:flex}.login input[type=checkbox]{width:18px;height:18px}.login label{padding-top:4px;padding-left:5px}.login input[type=checkbox]:hover{cursor:pointer}.edit{border:1px solid #fff;border-radius:5px;flex-direction:column;justify-content:center;gap:10px;padding:10px;display:flex}.edit input{border:1px solid #000;border-radius:5px;width:420px;height:30px}.edit button{font-size:15px}.edit h3{color:#fff}.colorMixer1,.colorMixer2{background-color:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.colorMixer1 input{border:1px solid #ccc;border-radius:4px;height:50px;padding:10px;font-size:16px}#colorDisplay{background-color:#fff;border:5px solid #000;border-radius:50px;width:50%;height:100px}.colorBlender{background-color:#fff;border-radius:10px;flex-direction:column;align-items:center;width:700px;padding:10px;display:flex}.colorBlender h1{background-color:#fff;border-radius:10px;padding:5px}#color1{border:5px solid #000}.buttonBox{justify-content:space-around;margin-top:10px;display:flex}#redButton{background-color:red}#blueButton{background-color:#00f}#redButton,#blueButton{color:#fff;cursor:pointer;border:none;width:100px;padding:10px 20px;font-size:20px}input[type=radio]{cursor:pointer;height:10px}.colorMixer1 li{align-items:center;display:flex}.colorMixer1 ol{flex-flow:column wrap;padding:0;list-style:none;display:flex}.home{background-color:#2e2e2e;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.home a{color:#000;font-size:24px;text-decoration:none}.home a:hover{color:red}.home h1{color:#fff;margin-bottom:20px;font-size:36px}.box4{background-color:#fff6;border:1px solid #fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:450px;height:640px;display:flex;box-shadow:0 0 20px #ffffff80}