body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.main{width:100%;padding:30px}.indexh1{line-height:24px;font-size:1.2rem;width:-webkit-min-content;width:-moz-min-content;width:min-content;margin:auto}p{width:-webkit-max-content;width:-moz-max-content;width:max-content}h2{font-size:1.5rem;font-weight:700}h3{font-size:1rem}.final__slide{position:relative;display:inline-block;overflow:hidden;width:15%;margin:0 2%;padding:2%}.final__slide img{display:inline-block;vertical-align:middle}.final__slide-content{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#fff3f3;color:#fff;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transition:transform .3s ease;border-radius:50%}.final__slide:hover .final__slide-content{transform:translate(0);-webkit-transform:translate(0)}.slide-bottom .final__slide-content{transform:translateY(100%);-webkit-transform:translateY(100%)}.clip-image{border:4px solid #000;border-radius:50%;width:120px;height:120px}.green{color:#416874}.red{color:#a9a9a9}.circle{border-radius:50%;width:10%}.addNew{padding:2%}.form{padding:1%;width:100%;border:2px solid}.form,.input{box-sizing:border-box}.input{display:grid;color:#030098;width:60%;margin-right:2%}.select{width:40%;color:#030098}select{padding:1.5%;width:100%;border:2px solid}.margin{margin:1.5% 0}.side_margin{margin-right:2%}.profile-container{padding:4%;box-shadow:5px 5px 5px 5px #000;margin:5px;display:inline-block;background:#202020;cursor:pointer;width:250px}.profile-container:hover{box-shadow:none;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.align,.btnToggle{text-align:center}.btnToggle{margin:5px;border-radius:5px}.sidebar{background:#211d1d;width:20%;border:1px solid #000;box-sizing:border-box}.button{padding:10px;width:100px;border-radius:10px}.close{width:100%}.close:hover{background:#416874}h1{font-size:2rem;font-weight:1000}li,ul{list-style:none;cursor:pointer}.menuItems{padding:5%;cursor:pointer;font-size:.8rem}.menuItems:hover{background-color:#2e2929;color:#fff}.icon{width:10%;height:1%;color:#d71923;margin-right:5%}.main_sidebar{padding:2% 5%}.details{width:50%}.brand{color:#416874;cursor:pointer}.brand:hover{color:#af0b0b}.space{display:inline-block;width:50%}.summary{padding:2%;box-shadow:5px 5px 5px 5px #000;margin-bottom:2%}.pin{font-size:.8rem;cursor:pointer}.pin:hover{color:#020075}.paper{box-shadow:5px 5px 5px 5px #000;margin:5% 0}.social{margin-top:2%;width:100%}.social:hover{background:#416874}.extra{width:50%;display:block;padding:10px;margin-bottom:3%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.content{width:40%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-sizing:border-box;height:100vh}.agent{color:#a9a9a9}.bio{padding:2%;width:100%;box-sizing:border-box}.main{color:#f0f8ff}.profile-image{display:inline-block;text-align:center}.profile-button{padding:2%;border-radius:5px}.profile-picture{border-radius:50%;background-color:#dcdcdc;height:150px;width:150px}.fullwidth{width:100%}.left{float:left}.all-images{display:inline-block;margin:5% 0}.spacing{margin:2%}a:hover{color:#fff}.logcontainer:hover{background-color:#211d1d;cursor:pointer}.img-thumbnail{height:300px;width:300px;cursor:pointer}.img-thumbnail:hover+.image-holder{display:inline-block}.hidden{display:none}.form-input-form{display:inline;margin:0}label{margin-left:0!important}.image-container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#555;color:#fff;font-size:16px;padding:12px 24px;border:none;cursor:pointer;border-radius:5px;text-align:center}.image-holder{position:absolute;display:none;width:300px;height:50px;margin:250px 1%}.div-container{display:inline-flex}.error-bar{background-color:#d71923}.error-bar,.success-bar{position:absolute;bottom:0;right:0;padding:2%;margin:2%;box-sizing:border-box;border-radius:24px;color:#fff;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.success-bar{background-color:#007bff}html{min-height:100%}body{font-size:.8rem;line-height:1rem;min-height:100vh;background:#2e2929;font-family:"Titillium Web",sans-serif}h2{color:#fff}strong{color:#00bfff}a{text-decoration:none;color:#fff;cursor:pointer!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}b{font-size:.8rem}header{background-color:#211d1d;height:60px;margin:0;top:0;max-width:100%;min-width:100%;display:flex;z-index:1;align-items:center;justify-content:space-between;padding:.5% 2%;box-sizing:border-box}footer,header{position:fixed}footer{bottom:0}button{margin:2% 0;padding:1%;cursor:pointer;border:none;background-color:#d71923;color:#fff;font-weight:500}button:hover{background-color:#416874;color:#fff}.body{margin-top:50px}.final__dropdown{position:relative;z-index:10;display:inline-block}.final__dropdown__menu{position:absolute;display:none;top:100%;left:0;min-width:200px;background-color:#e50914;color:#fff;box-shadow:0 3px 2px rgba(0,0,0,.3)}.final__dropdown:hover .final__dropdown__menu{display:block}.final__dropdown__menu a{display:block;padding:10px;text-decoration:none;border-width:0;border-top:1px solid #e50914}.final__dropdown__menu a:hover{background-color:#f0f0f0;color:#323b40}.flex{display:flex;justify-content:space-between}.new{margin-right:2%;cursor:pointer;font-size:1rem;font-weight:700}.new:hover{color:#e50914}.grid{display:block}.grids{display:grid}.header-button{border-radius:5px;margin:2%}.header-button:hover{background:#9b0000}.gray{background:#00bfff;color:#fff}.login{font-family:"Work Sans",sans-serif;color:#d71923;font-weight:700;text-align:center}.pass{margin-top:40px}.box{width:500px;padding:40px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid;box-shadow:1px 1px 1px grey}label{color:#fff;margin-left:80px}.box input[name=email],.box input[type=password]{border:0;background:#fff;display:block;margin:2% auto;padding:14px 10px;width:70%;outline:none;border-radius:24px;-webkit-transition:.25s;transition:.25s;box-sizing:border-box}.box input[name=email]:focus,.box input[type=password]:focus{width:360px;border-color:#d71923}.box input[type=submit]{width:70%;background:#d71923;display:block;margin:5% auto;text-align:center;border:2px solid #d71923;padding:14px 10px;outline:none;color:#fff;border-radius:24px;-webkit-transition:.25s;transition:.25s;cursor:pointer}.box input[type=submit]:hover{background:#d71923}.p-tag{color:#fff;text-align:center;width:unset}.form-group{margin:5% 0}@media only screen and (max-width:600px){.box{width:330px;padding:0}label{margin-left:50px}.p-tag{font-size:13px}.box input[name=email],.box input[type=password]{width:60%}.box input[name=email]:focus,.box input[type=password]:focus,.box input[type=submit]:focus{width:250px}.box input[type=submit]{width:60%}}