*{margin:0;padding:0}:focus{outline:0}html{background-color:#b3cbf0}header{background-color:#fff;width:100%;height:65px;margin:0;display:flex;position:absolute;top:0;left:0}.logo{flex-grow:.6;justify-content:center;align-items:center;height:100%;display:flex}.logo>span{margin-right:12px;font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700}.logo>div{height:100%;margin-right:35px;position:relative}.dot{border-radius:50%;width:15px;height:15px;position:absolute}.searchBar{flex-grow:2;justify-content:center;align-items:center;min-width:30%;height:100%;display:flex;position:relative}.round{z-index:0;background-color:#cdd1d6;border:1px solid #000;border-radius:20px;width:100%;height:60%;padding:5px 5px 5px 45px;font-size:larger;position:relative}.cornerSearchBarImg{z-index:0;opacity:1;border-radius:0%;width:20px;height:20px;position:absolute;top:36%;left:15px}.flexList{background:#fff;flex-grow:.6;justify-content:flex-end;align-items:center;height:100%;margin-right:2%;display:flex}#loginButton,#registerButton{border-radius:18px;justify-content:center;align-items:center;width:100px;height:34px;margin:16px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;display:flex}#loginButton{color:orange;background-color:#fff;border:1px solid orange}#registerButton{color:#fff;background-color:orange;border:1px solid #707070}.deployList{font-style:bold;flex-flow:column;justify-content:center;align-items:center;display:flex;position:relative}.deployable{z-index:0;border:1px solid #000;border-radius:18px;width:150px;height:32px;margin-left:12px;margin-right:8px;position:relative}.deployableWithChilds{z-index:0;border:1px solid #000;border-radius:18px 18px 0 0;width:150px;height:32px;margin-left:12px;margin-right:8px;position:relative;top:48px}.deployable>span,.deployableWithChilds>span{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;position:absolute;top:7px;left:40px}.leftCornerDeployableImage{opacity:.6;width:20px;height:20px;position:absolute;top:5px;left:15px}.rightCornerDeployableImage{opacity:.5;background-color:#0000;background-image:url(/icons/down-arrow.png);background-position:50%;background-repeat:no-repeat;border:0;width:28px;height:28px;position:absolute;top:2px;left:117px}.rrightCornerDeployableImage{opacity:.5;background-color:#0000;background-image:url(/icons/down-arrow.png);background-position:50%;background-repeat:no-repeat;border:0;width:28px;height:28px;position:absolute;top:2px;left:117px;transform:rotate(180deg)}.hiddenDeployListChilds{border:1px solid #000;border-radius:18px;width:150px;height:32px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;display:none}.shownDeployListChilds{border:1px solid #000;width:152px;height:32px;margin-left:4px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;display:inline-block;position:relative;top:48px}.writePost{background-color:#fff;background-image:url(/icons/correo.png);background-position:50%;background-repeat:no-repeat;border:0;width:38px;height:38px;margin:8px}.checkNot{background-color:#fff;background-image:url(/icons/editar.png);background-position:50%;background-repeat:no-repeat;border:0;width:38px;height:38px;margin:8px}.checkNot,.writePost{border-radius:18px;justify-content:center;align-items:center;height:34px;margin:16px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;display:flex}#one{background-color:#72aaff;top:28px}#two{background-color:#f80;top:16px;left:16px}#three{border-radius:0 0 18px 18px}#userpic{opacity:1}