diff --git a/dist/approvals.html b/dist/approvals.html index a6f61fd..4ddb7fd 100644 --- a/dist/approvals.html +++ b/dist/approvals.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + @@ -145,7 +145,66 @@

Approvals

-
+
+
+

Project #0015

+ +
+
+

Project #0016

+ +
+
diff --git a/dist/assets/1-f461cdf1.jpg b/dist/assets/1-f461cdf1.jpg new file mode 100644 index 0000000..3763a9e Binary files /dev/null and b/dist/assets/1-f461cdf1.jpg differ diff --git a/dist/assets/2-912f0f8a.jpg b/dist/assets/2-912f0f8a.jpg new file mode 100644 index 0000000..d2499f7 Binary files /dev/null and b/dist/assets/2-912f0f8a.jpg differ diff --git a/dist/assets/3-33d58c6f.jpg b/dist/assets/3-33d58c6f.jpg new file mode 100644 index 0000000..03cc358 Binary files /dev/null and b/dist/assets/3-33d58c6f.jpg differ diff --git a/dist/assets/4-4c5bd68c.jpeg b/dist/assets/4-4c5bd68c.jpeg new file mode 100644 index 0000000..1a0b711 Binary files /dev/null and b/dist/assets/4-4c5bd68c.jpeg differ diff --git a/dist/assets/5-01d5527f.jpeg b/dist/assets/5-01d5527f.jpeg new file mode 100644 index 0000000..bff627a Binary files /dev/null and b/dist/assets/5-01d5527f.jpeg differ diff --git a/dist/assets/6-b7d0e6de.jpg b/dist/assets/6-b7d0e6de.jpg new file mode 100644 index 0000000..26d4e00 Binary files /dev/null and b/dist/assets/6-b7d0e6de.jpg differ diff --git a/dist/assets/index-21b70a9a.css b/dist/assets/index-bc30aaf2.css similarity index 79% rename from dist/assets/index-21b70a9a.css rename to dist/assets/index-bc30aaf2.css index 7a7511d..77ca89b 100644 --- a/dist/assets/index-21b70a9a.css +++ b/dist/assets/index-bc30aaf2.css @@ -1 +1 @@ -@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;700&display=swap";:root{--color-red: #ff3500;--color-blue: #0094c8;--color-green: #00b331;--color-orange: #ffaa00;--color-purple: #8600ac;--primary: #e43666;--projects: #0094c8;--personal: var(--primary);--light: #eee;--grey: #888;--dark: #333f50;--danger: #ff3500;--shadow: 0 .1rem .3rem rgba(51, 63, 80, .2);--projects-glow: 0 0 .4rem rgba(0, 148, 200, .75);--personal-glow: 0 0 .4rem rgb(228, 54, 102, .75)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Lato,sans-serif;color:#fff}input{border:none}ul,ol{list-style-type:none}a{color:inherit;text-decoration:none;cursor:pointer}.start{position:relative;display:flex;justify-content:center;align-items:start;height:100vh;background-image:url(./152-1524031_kenshin-himura-wallpaper-samurai-x-wallpaper-hd-e4dac533.jpg);background-size:90rem;background-position-y:bottom;background-repeat:no-repeat;color:#333f50}.start__login{position:absolute;display:flex;justify-content:center;align-items:center;height:5rem;width:100vw;background-color:#000;transition:transform .5s}.start__login input{max-width:18rem;padding:.8rem 2rem;border-radius:1.5rem;background-color:#fff;border:2px solid #000000}.start__login input::placeholder{color:#333f50 .5}.start__login .error::placeholder{color:red}.start__login #password{margin-left:-3rem}.start__login button{background-color:#333f50;color:#fff;border:none;border-radius:1.5rem;padding:.4em .8rem;margin-left:-5.2rem;cursor:pointer}.start .login-hidden{transform:translateY(-7rem)}.start__logo{display:flex;justify-content:center;align-items:center;margin-top:25vh;cursor:pointer;transition:transform .3s}.start__logo:hover{transform:scale(1.1)}.start__logo-img{width:12rem;height:12rem;background-image:url(./1_WljD7gLyX2gr_60o501Z1A-2d719e53.png);filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5));background-size:10.2rem;background-repeat:no-repeat;background-position:center;border:.5rem solid #333f50;box-shadow:2px 2px 5px #000000bf;border-radius:50%}.start__logo h1{position:relative;display:flex;flex-direction:column;margin-left:2rem;font-weight:500;text-transform:uppercase}.start__logo h1:before{position:absolute;content:"TM";right:-.5rem;top:-.5rem;font-size:.9rem}.start__logo p{font-size:4.7rem}.start__logo span{margin-top:-.5rem;font-size:3.2rem;padding-left:.2rem}.headNav{position:absolute;z-index:5}.upper-beam,.lower-beam{position:relative;height:4.5rem;box-shadow:0 5px 15px #000000bf}.upper-beam{width:100vw;background-color:#333f50;z-index:0}.upper-beam__settings{position:absolute;display:flex;justify-content:center;align-items:center;top:4rem;right:.7rem;width:10rem;height:4.3rem;background-color:#fff;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;box-shadow:0 5px 15px #000000bf;transform:translateY(-5rem);transition:transform .5s;z-index:-1}.upper-beam__settings i{font-size:1.4rem;padding:.5rem;color:#333f50}.upper-beam__logout{position:absolute;display:flex;justify-content:center;align-items:center;top:4.5rem;right:1rem;width:4rem;height:3.8rem;background-color:#fff;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;box-shadow:0 5px 15px #000000bf;transform:translateY(-5rem);transition:transform .5s;z-index:-1}.upper-beam__logout i{padding:.7rem;font-size:1.2rem;color:#fff;background-color:#333f50;cursor:ponter;border-radius:50%}.upper-beam__container{display:flex;justify-content:center;align-items:center;margin-left:11.5rem}.upper-beam__search,.upper-beam__admin{flex:1;margin:.5rem;height:3.5rem}.upper-beam__search-input{display:block;width:100%;height:3.5rem;border-radius:1.7rem;border:none;background-image:url(./globalnav_search_image__grey-c061c1b6.svg);background-position:1.5rem 1.1rem;background-repeat:no-repeat;padding-left:4rem;background-color:#515a65;font-family:Lato,sans-serif;color:#fff;font-size:1.7rem;font-weight:300}.upper-beam__search-input::placeholder{color:#fff;opacity:.3}.upper-beam__admin{max-width:6rem;display:flex;justify-content:end;align-items:center}.upper-beam__admin-menu{font-size:1.5rem;padding:.5rem;margin-right:.7rem;cursor:pointer}.upper-beam__admin-menu i{transition:transform .3s}.upper-beam__admin-menu:hover i{transform:scale(1.1)}.upper-beam__admin-icons{padding:0 1.5rem;font-size:1.4rem;display:none}.upper-beam__admin-icons i{padding:0 .3rem}.upper-beam__admin-count{display:flex;align-items:center}.upper-beam__admin-login{padding:.4rem 1rem .4rem 1.5rem;font-size:1.4rem;border-left:1px solid #ffffff;display:none}.upper-beam__admin-avatar{height:3rem;width:3rem;margin-right:1rem;background-image:url(./Aro-a89d96e5.jpg);background-size:contain;background-position:center;border-radius:50%;border:1px solid #ffffff;cursor:pointer}.admin-menu-active{transform:translateY(0)}.logout-active{transform:translate(0)}.lower-beam{display:flex;justify-content:center;align-items:center;width:100vw;background-color:#515a65;transition:transform .5s;z-index:-5}.beam-hidden{transform:translateY(-7rem)}.nav{position:absolute;display:flex;flex-direction:column;justify-content:space-between;top:0;left:0;height:100vh;width:4.5rem;background-color:#333f50;box-shadow:5px 0 20px #000000bf}.nav__menu-settings{position:absolute;bottom:.7rem;left:4.5rem;height:auto;width:14rem;background-color:#fff;border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem;box-shadow:5px 0 20px #000000bf;transform:translate(-15rem);transition:transform .5s;z-index:-1}.nav__menu-list{padding:1rem;color:#333f50}.nav__menu-list li{font-size:1.4rem;line-height:1.5;padding:.5rem 1rem}.nav__menu-list input[type=checkbox]{vertical-align:-.2rem;margin-right:.5rem}.nav .menu-settings-active{transform:translate(0)}.nav i{display:flex;justify-content:center;align-items:center;padding:.5rem;margin:1rem 0;font-size:1.7rem;cursor:pointer;transition:transform .3s}.nav__container{width:4.5rem;padding-top:11rem}.nav__icon:hover i{transform:scale(1.1)}.nav .hidden-nav-icon{display:none}.nav .active-nav-icon{color:#0094c8;border-top:1px dotted #0094c8;border-bottom:1px dotted #0094c8}.logo{position:absolute;top:-.5rem;left:-.5rem;cursor:pointer;z-index:5}.logo:hover .logo__box{transform:scale(1.05)}.logo__circle{position:relative;height:10rem;width:10rem;border-radius:50%;background-color:#333f50;box-shadow:5px 5px 10px #000000bf}.logo__box{position:absolute;top:.7rem;left:.7rem;width:8.5rem;height:8.5rem;transition:transform .3s}.head-main{position:relative;width:100vw;height:100vh;z-index:0}.main-container{padding:11rem 1rem 1rem 6rem;color:#333f50;transition:transform .5s}.main-transform{transform:translateY(-4.5rem)}.main-transform .window{max-height:calc(100vh - 13rem)}.header{display:flex;justify-content:end}.page-title{margin-right:-1rem;margin-bottom:1rem;padding:.5rem 1.5rem .5rem 5rem;background-image:linear-gradient(45deg,#ffffff,#ffffff,#515a65)}.page-title h2{font-size:1.8rem;font-weight:700;text-transform:uppercase}.window{max-height:calc(100vh - 17.5rem);overflow:auto;transition:max-height .5s}.comunicator{position:absolute;right:0;bottom:0;overflow:hidden}.comunicator .talks{position:relative;bottom:-3.5rem;right:-3.5rem;width:17rem;height:17rem;background:linear-gradient(135deg,rgba(179,179,179,.9) 0%,rgb(51,63,80) 50%,rgb(0,0,0) 100%);border:1px solid #515a65;border-radius:50%;box-shadow:0 8px 15px #000000bf;transition:transform .5s}.comunicator .talks i{display:flex;justify-content:center;align-items:center;padding:.7rem;font-size:1.7rem;transition:transform .3s}.comunicator .talks__mail,.comunicator .talks__chat,.comunicator .talks__phone,.comunicator .talks__video{position:absolute;width:3.2rem;height:3.2rem;cursor:pointer}.comunicator .talks__mail:hover i,.comunicator .talks__chat:hover i,.comunicator .talks__phone:hover i,.comunicator .talks__video:hover i{transform:scale(1.1)}.comunicator .talks__mail{right:4.3rem;top:.7rem}.comunicator .talks__chat{right:9.5rem;top:.9rem}.comunicator .talks__phone{right:12.9rem;top:4.5rem}.comunicator .talks__video{right:12.7rem;top:9.5rem}.comunicator .talks-hidden{transform:scale(0)}.comunicator .envelope{position:absolute;bottom:-.5rem;left:7.5rem;display:flex;justify-content:center;align-items:center;height:10rem;width:10rem;background:linear-gradient(135deg,rgb(179,179,179) 0%,rgb(51,63,80) 50%,rgb(0,0,0) 100%);border:1px solid #333f50;border-radius:50%;box-shadow:0 0 10px #000000bf}.comunicator .envelope:before{content:"";position:absolute;height:3.4rem;width:3.4rem;bottom:0;right:0;border-top:3.4rem solid transparent;border-left:3.4rem solid transparent;border-bottom:3.4rem solid #11171c}.comunicator .envelope__inside{display:flex;justify-content:center;align-items:center;height:6rem;width:6rem;background-color:#e43666;border-radius:50%;cursor:pointer}.comunicator .envelope__inside:hover .fa-envelope{transform:scale(1.1)}.comunicator .envelope .fa-envelope{transition:transform .3s;font-size:3.2rem}.notify-window{display:flex;justify-content:space-around;align-items:start;flex-wrap:wrap}.notify-settings{display:flex;justify-content:center;align-items:center;margin-left:9rem}.notify-settings i{margin-right:.5rem}.notify-settings form{font-size:1.2rem;padding:.5rem 1rem}.notify-settings select{font-size:inherit;color:#fff;background-color:#515a654d;border:none}.notify-settings .notify-view{border-left:1px solid #ffffff}.weather,.meetings,.tasks,.approvals,.messages{display:flex;flex-direction:column;flex:1;min-width:29rem;margin:1rem 1.5rem 2rem 1rem;font-size:1.1rem;color:#333f50;background:linear-gradient(135deg,#515a65 0%,#ffffff 100%);border-radius:1.5rem;box-shadow:0 2px 5px #000000bf;overflow:hidden}.weather h3,.meetings h3,.tasks h3,.approvals h3,.messages h3{position:relative;width:10rem;padding:.5rem 1.5rem;border-bottom-right-radius:1.5rem;box-shadow:-5px 0 10px #000000bf;text-transform:uppercase;color:#fff}.weather h4,.meetings h4,.tasks h4,.approvals h4,.messages h4{width:100%;text-align:center;padding-top:.7rem}.weather__container,.meetings__container,.tasks__container,.approvals__container,.messages__container{padding:1rem}.weather{position:relative}.weather__title{display:flex;justify-content:space-between;margin-bottom:1rem}.weather__title h3{background-color:#8600ac}.weather__days{display:flex;justify-content:space-between;align-items:start}.weather__day{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:35rem;padding:.8rem}.weather__day img{width:3rem;height:3rem;margin:1rem 0}.weather__day#weather__day-0{font-size:1.4rem}.weather__day#weather__day-0 img{width:6rem;height:6rem}.weather__day#weather__day-0 p{background-color:#fff;padding:.4rem 1rem;border-radius:1.5rem}.weather__day#weather__day-0 .weather__day-temperature{padding-top:.5rem;padding-bottom:1.1rem}.weather__city{position:absolute;display:flex;justify-content:center;right:1rem;bottom:0rem;padding-bottom:2rem}.weather__city input{width:13rem;background-color:inherit;border:none;border-bottom:.1rem solid #333f50}.weather__city ::placeholder{padding-left:.7rem;font-family:Lato,sans-serif;color:#fff;color:#333f50}.weather__city button{margin-left:.5rem;padding:.6rem 1.2rem;background-color:#333f50;font-size:1.2rem;color:#fff;border:inherit;border-radius:1.5rem;cursor:pointer}.meetings h3{background-color:#0094c8}.meetings p{font-size:1.2rem;padding:.5em 1rem}.meetings__container{padding-top:1rem;padding-bottom:1rem}.meetings__meeting{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid #515a65}.meetings__meeting:last-child{border-bottom:none}.meetings__meeting-time{background-color:#fff;border-radius:1.5rem}.meetings__meeting-project{display:flex;justify-content:center;align-items:center;margin-right:0;margin-left:auto;color:#0094c8}.meetings__meeting-project i{padding:.5rem;color:#333f50}.tasks h3{background-color:#00b331}.tasks p{font-size:1.2rem;padding:.5em 1rem}.tasks__container{padding:1rem}.tasks__task{display:flex;justify-content:flex-start;align-items:center;padding:1rem;background-color:#fff;margin:1rem 0rem;box-shadow:linear;border-radius:.5rem;border:1px solid #515a65}.tasks__task-progres{background-color:#fa0;color:#fff;border-radius:1.5rem}.tasks__task:nth-child(2) .tasks__task-progres{background-color:#0094c8}.tasks__task:nth-child(3) .tasks__task-progres{background-color:#ff3500}.tasks__task:nth-child(4) .tasks__task-title{text-decoration:line-through}.tasks__task:nth-child(4) .tasks__task-progres{background-color:#8600ac}.tasks__task-project{color:#0094c8;margin-right:0;margin-left:auto}.approvals h3{background-color:#ff3500}.approvals p{font-size:1.2rem;padding:.5em 1rem}.approvals__container{padding-top:1rem;padding-bottom:1rem}.approvals__approval{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid #515a65}.approvals__approval-icon{padding:.3rem .5rem;background-color:#fff;font-size:1.6rem;border-radius:1.5rem;color:#00b331}.approvals__approval:last-child{border-bottom:none}.approvals__approval:last-child .approvals__approval-icon{color:#ff3500;transform:rotate(180deg)}.approvals__approval-project{display:flex;justify-content:center;align-items:center;margin-right:0;margin-left:auto;color:#0094c8}.messages h3{background-color:#fa0}.messages__container{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1.5rem}.messages__message{position:relative;display:flex;flex-shrink:auto;flex-grow:1;flex-basis:30%;flex-direction:column;align-items:start;min-width:27rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #515a65}.messages__message-project{position:absolute;top:2rem;right:2rem}.messages__message-project p span{color:#0094c8}.messages__message span{color:#fa0}.messages__message-date{width:100%;padding:.5em 2rem .5rem 0;border-bottom:1px solid #515a65}.messages__message-text{padding:1.5rem 0}.messages__message .message-regards{padding-bottom:.5rem}.messages__message .message-person{color:#515a65;transform:skew(-10deg)}.lower-beam__controls{display:flex;justify-content:center;margin-left:10rem;margin-right:1.5rem;width:100%;font-size:1.2rem}.lower-beam__controls i{cursor:pointer;padding:.5rem;transition:transform .3s}.lower-beam__controls i:hover{transform:scale(1.1)}.lower-beam__weekControls{display:flex;justify-content:center;align-items:center;width:100%}.lower-beam__generalControls{display:flex;justify-content:center;align-items:center;width:6rem;padding:.2rem 1rem;margin-left:2rem}.lower-beam__generalControls i{font-size:1rem;padding:.6rem;border:1px solid #ffffff;margin:0 .5rem;border-radius:50%}.calendar{display:flex;width:100%;border-bottom:1px solid rgba(51,63,80,.2);transition:opacity .2s ease-in}.calendar .opaque{opacity:.4}.calendar .columnHeader{height:3rem;padding:.5rem 0;text-align:center;font-size:1.4rem;line-height:1rem;overflow:hidden}.calendar .dayTime{width:100%;min-width:100px;max-width:100px;text-align:center}.calendar .days{display:flex;width:100%;overflow:auto}.calendar .day{width:100%;min-width:10rem;text-align:center;border-right:1px solid rgba(51,63,80,.2)}.calendar .day .columnHeader{color:#fff;background-color:#515a65;overflow:hidden}.calendar .currentDay{background-color:#e436661a;color:#fff}.calendar .currentDay .columnHeader{background-color:#e43666;color:#fff}.calendar .dayDisplay{font-size:1rem;padding-top:.3rem}.calendar .slots{position:relative}.calendar .slot,.calendar .time{border-top:1px solid rgba(51,63,80,.2);height:2.6vh}.calendar .time{color:#333f5099;padding:.2rem;font-size:1.2rem;border-left:1px solid rgba(51,63,80,.2);border-right:1px solid rgba(51,63,80,.2)}.calendar .slot{position:relative;cursor:pointer}.calendar .slot:hover,.calendar .currentTime{background-color:#333f5033}.event{display:flex;justify-content:center;align-items:center;margin-top:2px;margin-bottom:1px;position:absolute;top:0;bottom:100px;left:1px;width:calc(100% - 2px);font-size:1.2rem;color:#fff;border-radius:4px;overflow:hidden;cursor:pointer}.shortEvent{padding:0 5px;font-size:1.2rem}.veryShortEvent{margin:-1px;padding:0 5px;font-size:1rem}.eventModal{display:none;position:absolute;top:33rem;left:50%;transform:translate(-50%,-50%);max-width:45rem;min-width:27rem;padding:2rem;margin-left:2rem;margin-top:4rem;background-color:#fff;box-shadow:0 2px 5px #000000bf;border-radius:1.5rem;z-index:1}.eventModal label{display:inline-block;margin:2rem 1rem .5rem 0;font-weight:700}.eventModal .modalTitle{margin-bottom:1rem}.eventModal .shortInput{padding:.2rem .1rem;border-bottom:1px solid rgba(51,63,80,.4)}.eventModal .shortInput:focus{color:#515a65;outline:none;border:none;border-bottom:1px solid #515a65}.eventModal .eventTitle{width:95%}.eventModal .eventStart{margin-right:1rem}.eventModal .eventEnd{margin-left:1rem}.eventModal .eventDescription{width:95%;min-height:6rem;max-height:15rem;resize:vertical;padding:.5rem;border:1px solid rgba(51,63,80,.4)}.eventModal .eventDescription:focus{color:#515a65;outline:none;border:none;border:1px solid #515a65}.eventModal .eventControls{padding-top:1rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.eventModal .button{padding:.5rem 2rem;font-size:1.2rem;background-color:#515a65;color:#fff;border-radius:2rem;cursor:pointer;transition:opacity .3s}.eventModal .button:hover,.eventModal .button:focus{opacity:.8}.eventModal .button #deleteButton{background-color:#ff3500;color:#fff}.eventModal .colors{display:flex;justify-content:space-evenly;align-items:center;height:3rem;max-width:15rem;margin-bottom:1rem}.eventModal .color{box-sizing:content-box;width:2rem;height:2rem;border-radius:50%;border:2px solid #ffffff;cursor:pointer;transition:border .3s}.eventModal .color-red{background-color:#ff3500}.eventModal .color-blue{background-color:#0094c8}.eventModal .color-green{background-color:#00b331}.eventModal .color-orange{background-color:#fa0}.eventModal .color-purple{background-color:#8600ac}.eventModal .color:focus,.eventModal .color:hover{border:3px solid rgba(51,63,80,.6)}.eventModal .errors{padding-top:1rem;color:#e43666;font-size:1.2rem;text-align:center}.eventModal .active{border:2px solid rgba(51,63,80,.6)}@media (max-width: 380px){#weekDisplay{display:none}}.todo{color:var(--dark);font-family:Lato,sans-serif}.todo input:not([type=radio]):not([type=checkbox]),.todo button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;cursor:initial}.todo section{margin-top:1rem;margin-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem}.todo h3{color:var(--dark);font-size:1rem;font-weight:400;margin-bottom:.5rem}.todo h4{color:var(--grey);font-size:.875rem;font-weight:700;margin-bottom:.5rem}.todo .create-todo{padding-top:1rem;padding-bottom:1.5rem;border-radius:1rem;background:linear-gradient(135deg,#515a65 0%,#ffffff 100%);border-radius:1.5rem;box-shadow:0 2px 5px #000000bf;text-align:center}.todo .create-todo h4{color:#333f50}.todo .create-todo input[type=text]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:var(--dark);background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.todo .create-todo .options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;margin-bottom:1.5rem}.todo .create-todo .options label{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;padding:1rem;box-shadow:var(--shadow);border-radius:.5rem;cursor:pointer}.todo input[type=radio],.todo input[type=checkbox]{display:none}.todo .bubble{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;border:2px solid var(--projects);box-shadow:var(--projects-glow)}.todo .bubble.personal{border-color:var(--personal);box-shadow:var(--personal-glow)}.todo .bubble:after{content:"";display:block;opacity:0;width:0px;height:0px;background-color:var(--projects);box-shadow:var(--projects-glow);border-radius:999px;transition:.2s ease-in-out}.todo .bubble.personal:after{background-color:var(--personal);box-shadow:var(--personal-glow)}.todo input:checked~.bubble:after{width:10px;height:10px;opacity:1}.todo .create-todo .options label div{color:var(--dark);font-size:1.125rem;margin-top:1rem}.todo .create-todo input[type=submit]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:#fff;font-weight:700;text-transform:uppercase;background-color:var(--color-purple);box-shadow:var(--shadow);border-radius:.5rem;cursor:pointer;transition:.2s ease-out}.todo .create-todo input[type=submit]:hover{opacity:.75}.todo .todo-list{max-height:calc(100vh - 52rem);overflow-y:scroll;padding-bottom:1rem;padding-top:1rem}.todo .todo-list .list{margin:1rem 0}.todo .todo-list .todo-item{display:flex;align-items:center;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.todo .todo-item label{display:block;margin-right:1rem;cursor:pointer}.todo .todo-item .todo-content{flex:1 1 0%}.todo .todo-item .todo-content input{color:var(--dark);font-size:1.125rem}.todo .todo-item .actions{display:flex;align-items:center}.todo .todo-item .actions button{display:block;padding:.5rem;border-radius:.5rem;color:#fff;cursor:pointer;transition:.2s ease-in-out}.todo .todo-item .actions button:hover{opacity:.75}.todo .todo-item .actions .edit{margin-right:.5rem;background-color:var(--color-green)}.todo .todo-item .actions .delete{background-color:var(--danger)}.todo .todo-item.done .todo-content input{text-decoration:line-through;color:var(--grey)}.lower-beam .project-add{display:flex;justify-content:center;align-items:center;text-align:center;height:2.5rem;margin-right:2rem;padding-right:2rem;border-right:1px solid #ffffff}.portfolio-window{position:relative;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;min-height:60vh;max-height:70vh;padding-top:1.5rem;padding-bottom:3rem;gap:2rem;overflow-y:scroll;z-index:0}svg{position:relative;width:15rem;height:15rem;z-index:1000}svg circle{width:100%;height:100%;fill:none;stroke:var(--grey);stroke-width:11;stroke-linecap:round;transform:translate(.5rem,.5rem)}svg circle:nth-child(2){stroke-dasharray:440;stroke-dashoffset:440}.card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:28rem;height:30rem;background:linear-gradient(135deg,#515a65 0%,#ffffff 100%);border-radius:1.5rem;box-shadow:0 2px 5px #000000bf;text-align:center;overflow:hidden;transition:.5s}.card:hover{transform:translateY(-1rem);box-shadow:0 1.5rem 1.5rem #0000004d}.card:hover .percent h2{font-size:5.5rem;color:#515a65}.card:hover .text{color:#515a65}.card .project-menu{display:flex;justify-content:space-around;align-items:center;width:90%;margin-top:-1rem;padding-bottom:2rem}.card .project-menu i{padding:.5rem;font-size:1.2rem}.card .text{position:relative;margin-top:2rem;font-weight:700;font-size:1.8rem;letter-spacing:.1rem;text-transform:uppercase;transition:.5s}.card .notifications{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:25rem;min-height:5rem;top:1.5rem;background-color:#fff;border-radius:1rem;z-index:10000}.card .hidden{display:none}.card .close-button{margin:.5rem .5rem 0 auto;cursor:pointer;padding:.5rem}.card .approvals__container,.card .tasks__task,.card .messages__container{width:23rem;border:1px solid #515a65;margin:1rem;border-radius:1rem}.card .messages__container{height:21rem;overflow-y:scroll}.card .tasks__task-progres{padding:.5rem 1rem;margin-right:.5rem}.card .tasks__task-title{text-decoration:line-through}.card .messages__message{min-width:19rem;margin:0;background-color:#eeddaf33}.card .messages__message-project{top:1rem}.percent{position:relative;width:15rem;height:15rem;border-radius:50%;box-shadow:inset 0 0 5rem #000;background-color:#c5bbbb;z-index:1000}.percent .number{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50%}.percent .number h2{font-weight:700;font-size:4rem;transition:.5s}.percent .number h2 span{font-size:2.4rem}.card:nth-child(1) svg circle:nth-child(2){stroke-dashoffset:44;stroke:#00ff43}.card:nth-child(1) .nav__approvals{position:relative;z-index:0;cursor:pointer}.card:nth-child(1) .nav__approvals:before{content:"1";display:flex;justify-content:center;align-items:center;position:absolute;width:1.7rem;height:1.7rem;top:-.5rem;right:-.8rem;color:#fff;font-size:.8rem;background-color:#e43666;border-radius:50%;z-index:-1}.card:nth-child(2) svg circle:nth-child(2){stroke-dashoffset:176;stroke:#00a1ff}.card:nth-child(2) .nav__todo{position:relative;z-index:0;cursor:pointer}.card:nth-child(2) .nav__todo:before{content:"1";display:flex;justify-content:center;align-items:center;position:absolute;width:1.7rem;height:1.7rem;top:-.5rem;right:-.8rem;color:#fff;font-size:.8rem;background-color:#e43666;border-radius:50%;z-index:-1}.card:nth-child(3) svg circle:nth-child(2){stroke-dashoffset:220;stroke:#ff04f3}.card:nth-child(4) svg circle:nth-child(2){stroke-dashoffset:330;stroke:#ffe600}.card:nth-child(4) .nav__messages{position:relative;z-index:0;cursor:pointer}.card:nth-child(4) .nav__messages:before{content:"3";display:flex;justify-content:center;align-items:center;position:absolute;width:1.7rem;height:1.7rem;top:-.5rem;right:-.8rem;color:#fff;font-size:.8rem;background-color:#e43666;border-radius:50%;z-index:-1}.budget{position:relative;margin-left:auto;margin-right:auto;width:85vw;height:70vh}.balance{justify-content:center;align-items:center;height:4rem;display:flex;justify-content:space-between;margin-bottom:2rem}.balance__label{font-size:2.2rem;font-weight:500;margin-bottom:-.2rem}.balance__date{font-size:1.4rem;color:#515a65b3}.balance__value{font-size:2.8rem;font-weight:400;color:#515a65}.list-container{display:flex;flex-direction:row-reverse}.movements{height:33rem;width:100%;border-radius:1rem;box-shadow:0 2px 5px #000000bf;margin:1rem 2rem 1rem 1rem;overflow-y:auto}.movements__row{padding:2.25rem 4rem;display:flex;align-items:center;border-bottom:1px solid rgba(81,90,101,.2)}.movements__type{font-size:1.1rem;text-transform:uppercase;font-weight:500;color:#fff;padding:.5rem 1rem;border-radius:10rem;margin-right:2rem}.movements__date{font-size:1.1rem;text-transform:uppercase;font-weight:500;color:#515a6580}.movements__type--GROSS{background-image:linear-gradient(to top left,#e43666,#da9aac)}.movements__type--ADD_BUDGET{background-image:linear-gradient(to top left,#39b385,#9be15d)}.movements__value{font-size:1.5rem;margin-left:auto}.summary{display:flex;justify-content:center;align-items:center;padding:0 .3rem;margin-top:5rem;margin-bottom:5rem}.summary__label{font-size:1.2rem;font-weight:500;text-transform:uppercase;margin-right:.8rem}.summary__value{font-size:1.5rem;margin-right:2.5rem}.summary__value--in{color:#00b331}.summary__value--interest{color:#0094c8}.summary__value--out{color:#e43666}.btn--sort{width:10rem;height:3rem;display:flex;margin-left:auto;margin-right:.7rem;margin-top:1rem;margin-bottom:2rem;border:none;background:none;font-size:1.3rem;font-weight:500;padding:1rem 2rem;border-radius:.5rem;color:#0094c8;cursor:pointer;z-index:1000}.operations{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;margin-bottom:3rem;margin-right:1rem}.operation{border-radius:1rem;padding:1rem;max-width:25rem;box-shadow:0 2px 5px #000000bf}.operation--transfer{background-color:#fa0}.operation--loan{background-color:#00b331}.operation--close{background-image:linear-gradient(to top left,#e52a5a,#ff585f)}h2{margin-bottom:1.5rem;font-size:1.7rem;font-weight:600;color:#333f50}.form{display:grid;grid-template-columns:2.5fr 2.5fr 1fr;grid-template-rows:auto auto;gap:.4rem 1rem}.form--loan{grid-template-columns:2.5fr .7fr;margin-left:3rem;margin-right:3rem}.form__label--loan{grid-row:2}.form__input{width:100%;border:none;background-color:#fff6;font-family:inherit;font-size:1.5rem;text-align:center;color:#333f50;padding:.3rem 1rem;border-radius:.7rem;transition:all .3s}.form__input--to{font-size:1.3rem}b .form__input:focus{outline:none;background-color:#fff9}.form__label{font-size:1.3rem;text-align:center}.project-list{display:flex;flex-direction:column;min-width:25rem;min-height:10rem;background-color:#515a651a}.project-list form{display:flex;justify-content:center;align-items:center}.project-list select{padding:.3rem 1rem;color:#333f50;background-color:#fff6;border-radius:.7rem}.project-list input{padding:.4rem 1rem;border-radius:.5rem;background-color:#333f50;color:#fff;cursor:pointer}.form__btn{border:none;border-radius:.5rem;font-size:1.8rem;background-color:#fff;cursor:pointer;transition:all .3s}.form__btn:focus{outline:none;background-color:#fffc}.logout-timer{padding:0 .3rem;margin-top:1.9rem;text-align:right;font-size:1.25rem}.timer{font-weight:600}.files-window{margin-top:1.5rem}.folders{display:flex;flex-wrap:wrap;margin-left:2rem;gap:3rem}.folder{width:14rem;height:14rem;cursor:pointer;border:1px solid #515a65;padding:1rem}.folder img{width:10rem;height:10rem;transition:transform .3s}.folder h3{text-align:center;text-transform:uppercase;transition:color .3s}.folder:hover img{transform:scale(1.1)}.folder:hover h3{color:#333f5099}@media (min-width: 576px){.upper-beam__admin{max-width:14rem}.upper-beam__admin-menu{display:none}.upper-beam__admin-icons{display:block}.upper-beam__settings{display:none}}@media (max-width: 576px){.input-columns{flex-direction:column;justify-content:center;align-items:center}}@media (min-width: 576px){.input-container{display:flex;align-items:center}.todo .create-todo .options,.todo .create-todo input[type=text]{margin-bottom:0}.todo .create-todo input[type=text]{height:5.3rem;margin-top:1.5rem}.todo .create-todo .options label{padding:.8rem}.todo .create-todo .options label div{margin-top:.5rem}.todo .create-todo .ask-title{font-size:1.6rem;margin-bottom:0}.todo input[type=submit]{display:inline-block;max-width:10rem;height:5.3rem;margin-left:1rem;margin-top:1.5rem}.todo #content{margin-right:1rem;font-size:1.2rem}.todo .todo-list{max-height:calc(100vh - 42rem)}}@media (min-width: 576px){.upper-beam__empty{min-width:2rem}.start{background-size:100rem}}@media (max-width: 768px){.balance__label{font-size:2rem}.balance__date{font-size:1.2rem}.balance__value{padding-right:1.5rem;font-size:2.5rem}.budget{overflow-y:scroll}.list-container{flex-direction:column}.movements{width:100%;max-width:75vw}.btn--sort{right:6.7rem;bottom:-25.2rem}.movements__row{padding:1.5rem 1rem;font-size:.8rem}.movements__value{padding-right:3rem;font-size:1.3rem}.movements__type,.movements__date{font-size:1rem}.summary{padding-bottom:5rem}.summary__value{font-size:1.3rem}.folder{width:12rem;height:12rem}.folder img{width:8rem;height:8rem}}@media (min-width: 992px){.upper-beam__empty{min-width:10rem}.upper-beam__admin{max-width:22rem}.upper-beam__admin-login{display:block}.start{background-size:cover;background-position-y:2rem}.start__logo-img{width:14rem;height:14rem;background-size:12.2rem;border:.6rem solid #333f50}.start__logo p{font-size:5.7rem}.start__logo span{font-size:4rem}}@media (max-height: 576px){.nav{height:200vh}.comunicator{bottom:-100vh}} +@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;700&display=swap";:root{--color-red: #ff3500;--color-blue: #0094c8;--color-green: #00b331;--color-orange: #ffaa00;--color-purple: #8600ac;--primary: #e43666;--projects: #0094c8;--personal: var(--primary);--light: #eee;--grey: #888;--dark: #333f50;--danger: #ff3500;--shadow: 0 .1rem .3rem rgba(51, 63, 80, .2);--projects-glow: 0 0 .4rem rgba(0, 148, 200, .75);--personal-glow: 0 0 .4rem rgb(228, 54, 102, .75)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Lato,sans-serif;color:#fff}input{border:none}ul,ol{list-style-type:none}a{color:inherit;text-decoration:none;cursor:pointer}.start{position:relative;display:flex;justify-content:center;align-items:start;height:100vh;background-image:url(./152-1524031_kenshin-himura-wallpaper-samurai-x-wallpaper-hd-e4dac533.jpg);background-size:90rem;background-position-y:bottom;background-repeat:no-repeat;color:#333f50}.start__login{position:absolute;display:flex;justify-content:center;align-items:center;height:5rem;width:100vw;background-color:#000;transition:transform .5s}.start__login input{max-width:18rem;padding:.8rem 2rem;border-radius:1.5rem;background-color:#fff;border:2px solid #000000}.start__login input::placeholder{color:#333f50 .5}.start__login .error::placeholder{color:red}.start__login #password{margin-left:-3rem}.start__login button{background-color:#333f50;color:#fff;border:none;border-radius:1.5rem;padding:.4em .8rem;margin-left:-5.2rem;cursor:pointer}.start .login-hidden{transform:translateY(-7rem)}.start__logo{display:flex;justify-content:center;align-items:center;margin-top:25vh;cursor:pointer;transition:transform .3s}.start__logo:hover{transform:scale(1.1)}.start__logo-img{width:12rem;height:12rem;background-image:url(./1_WljD7gLyX2gr_60o501Z1A-2d719e53.png);filter:drop-shadow(2px 2px 2px rgba(0,0,0,.5));background-size:10.2rem;background-repeat:no-repeat;background-position:center;border:.5rem solid #333f50;box-shadow:2px 2px 5px #000000bf;border-radius:50%}.start__logo h1{position:relative;display:flex;flex-direction:column;margin-left:2rem;font-weight:500;text-transform:uppercase}.start__logo h1:before{position:absolute;content:"TM";right:-.5rem;top:-.5rem;font-size:.9rem}.start__logo p{font-size:4.7rem}.start__logo span{margin-top:-.5rem;font-size:3.2rem;padding-left:.2rem}.headNav{position:absolute;z-index:5}.upper-beam,.lower-beam{position:relative;height:4.5rem;box-shadow:0 5px 15px #000000bf}.upper-beam{width:100vw;background-color:#333f50;z-index:0}.upper-beam__settings{position:absolute;display:flex;justify-content:center;align-items:center;top:4rem;right:.7rem;width:10rem;height:4.3rem;background-color:#fff;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;box-shadow:0 5px 15px #000000bf;transform:translateY(-5rem);transition:transform .5s;z-index:-1}.upper-beam__settings i{font-size:1.4rem;padding:.5rem;color:#333f50}.upper-beam__logout{position:absolute;display:flex;justify-content:center;align-items:center;top:4.5rem;right:1rem;width:4rem;height:3.8rem;background-color:#fff;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;box-shadow:0 5px 15px #000000bf;transform:translateY(-5rem);transition:transform .5s;z-index:-1}.upper-beam__logout i{padding:.7rem;font-size:1.2rem;color:#fff;background-color:#333f50;cursor:ponter;border-radius:50%}.upper-beam__container{display:flex;justify-content:center;align-items:center;margin-left:11.5rem}.upper-beam__search,.upper-beam__admin{flex:1;margin:.5rem;height:3.5rem}.upper-beam__search-input{display:block;width:100%;height:3.5rem;border-radius:1.7rem;border:none;background-image:url(./globalnav_search_image__grey-c061c1b6.svg);background-position:1.5rem 1.1rem;background-repeat:no-repeat;padding-left:4rem;background-color:#515a65;font-family:Lato,sans-serif;color:#fff;font-size:1.7rem;font-weight:300}.upper-beam__search-input::placeholder{color:#fff;opacity:.3}.upper-beam__admin{max-width:6rem;display:flex;justify-content:end;align-items:center}.upper-beam__admin-menu{font-size:1.5rem;padding:.5rem;margin-right:.7rem;cursor:pointer}.upper-beam__admin-menu i{transition:transform .3s}.upper-beam__admin-menu:hover i{transform:scale(1.1)}.upper-beam__admin-icons{padding:0 1.5rem;font-size:1.4rem;display:none}.upper-beam__admin-icons i{padding:0 .3rem}.upper-beam__admin-count{display:flex;align-items:center}.upper-beam__admin-login{padding:.4rem 1rem .4rem 1.5rem;font-size:1.4rem;border-left:1px solid #ffffff;display:none}.upper-beam__admin-avatar{height:3rem;width:3rem;margin-right:1rem;background-image:url(./Aro-a89d96e5.jpg);background-size:contain;background-position:center;border-radius:50%;border:1px solid #ffffff;cursor:pointer}.admin-menu-active{transform:translateY(0)}.logout-active{transform:translate(0)}.lower-beam{display:flex;justify-content:center;align-items:center;width:100vw;background-color:#515a65;transition:transform .5s;z-index:-5}.beam-hidden{transform:translateY(-7rem)}.nav{position:absolute;display:flex;flex-direction:column;justify-content:space-between;top:0;left:0;height:100vh;width:4.5rem;background-color:#333f50;box-shadow:5px 0 20px #000000bf}.nav__menu-settings{position:absolute;bottom:.7rem;left:4.5rem;height:auto;width:14rem;background-color:#fff;border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem;box-shadow:5px 0 20px #000000bf;transform:translate(-15rem);transition:transform .5s;z-index:-1}.nav__menu-list{padding:1rem;color:#333f50}.nav__menu-list li{font-size:1.4rem;line-height:1.5;padding:.5rem 1rem}.nav__menu-list input[type=checkbox]{vertical-align:-.2rem;margin-right:.5rem}.nav .menu-settings-active{transform:translate(0)}.nav i{display:flex;justify-content:center;align-items:center;padding:.5rem;margin:1rem 0;font-size:1.7rem;cursor:pointer;transition:transform .3s}.nav__container{width:4.5rem;padding-top:11rem}.nav__icon:hover i{transform:scale(1.1)}.nav .hidden-nav-icon{display:none}.nav .active-nav-icon{color:#0094c8;border-top:1px dotted #0094c8;border-bottom:1px dotted #0094c8}.logo{position:absolute;top:-.5rem;left:-.5rem;cursor:pointer;z-index:5}.logo:hover .logo__box{transform:scale(1.05)}.logo__circle{position:relative;height:10rem;width:10rem;border-radius:50%;background-color:#333f50;box-shadow:5px 5px 10px #000000bf}.logo__box{position:absolute;top:.7rem;left:.7rem;width:8.5rem;height:8.5rem;transition:transform .3s}.head-main{position:relative;width:100vw;height:100vh;z-index:0}.main-container{padding:11rem 1rem 1rem 6rem;color:#333f50;transition:transform .5s}.main-transform{transform:translateY(-4.5rem)}.main-transform .window{max-height:calc(100vh - 13rem)}.header{display:flex;justify-content:end}.page-title{margin-right:-1rem;margin-bottom:1rem;padding:.5rem 1.5rem .5rem 5rem;background-image:linear-gradient(45deg,#ffffff,#ffffff,#515a65)}.page-title h2{font-size:1.8rem;font-weight:700;text-transform:uppercase}.window{max-height:calc(100vh - 17.5rem);overflow:auto;transition:max-height .5s}.comunicator{position:absolute;right:0;bottom:0;overflow:hidden}.comunicator .talks{position:relative;bottom:-3.5rem;right:-3.5rem;width:17rem;height:17rem;background:linear-gradient(135deg,rgba(179,179,179,.9) 0%,rgb(51,63,80) 50%,rgb(0,0,0) 100%);border:1px solid #515a65;border-radius:50%;box-shadow:0 8px 15px #000000bf;transition:transform .5s}.comunicator .talks i{display:flex;justify-content:center;align-items:center;padding:.7rem;font-size:1.7rem;transition:transform .3s}.comunicator .talks__mail,.comunicator .talks__chat,.comunicator .talks__phone,.comunicator .talks__video{position:absolute;width:3.2rem;height:3.2rem;cursor:pointer}.comunicator .talks__mail:hover i,.comunicator .talks__chat:hover i,.comunicator .talks__phone:hover i,.comunicator .talks__video:hover i{transform:scale(1.1)}.comunicator .talks__mail{right:4.3rem;top:.7rem}.comunicator .talks__chat{right:9.5rem;top:.9rem}.comunicator .talks__phone{right:12.9rem;top:4.5rem}.comunicator .talks__video{right:12.7rem;top:9.5rem}.comunicator .talks-hidden{transform:scale(0)}.comunicator .envelope{position:absolute;bottom:-.5rem;left:7.5rem;display:flex;justify-content:center;align-items:center;height:10rem;width:10rem;background:linear-gradient(135deg,rgb(179,179,179) 0%,rgb(51,63,80) 50%,rgb(0,0,0) 100%);border:1px solid #333f50;border-radius:50%;box-shadow:0 0 10px #000000bf}.comunicator .envelope:before{content:"";position:absolute;height:3.4rem;width:3.4rem;bottom:0;right:0;border-top:3.4rem solid transparent;border-left:3.4rem solid transparent;border-bottom:3.4rem solid #11171c}.comunicator .envelope__inside{display:flex;justify-content:center;align-items:center;height:6rem;width:6rem;background-color:#e43666;border-radius:50%;cursor:pointer}.comunicator .envelope__inside:hover .fa-envelope{transform:scale(1.1)}.comunicator .envelope .fa-envelope{transition:transform .3s;font-size:3.2rem}.notify-window{display:flex;justify-content:space-around;align-items:start;flex-wrap:wrap}.notify-settings{display:flex;justify-content:center;align-items:center;margin-left:9rem}.notify-settings i{margin-right:.5rem}.notify-settings form{font-size:1.2rem;padding:.5rem 1rem}.notify-settings select{font-size:inherit;color:#fff;background-color:#515a654d;border:none}.notify-settings .notify-view{border-left:1px solid #ffffff}.weather,.meetings,.tasks,.approvals,.messages{display:flex;flex-direction:column;flex:1;min-width:29rem;margin:1rem 1.5rem 2rem 1rem;font-size:1.1rem;color:#333f50;background:linear-gradient(135deg,#515a65 0%,#ffffff 100%);border-radius:1.5rem;box-shadow:0 2px 5px #000000bf;overflow:hidden}.weather h3,.meetings h3,.tasks h3,.approvals h3,.messages h3{position:relative;width:10rem;padding:.5rem 1.5rem;border-bottom-right-radius:1.5rem;box-shadow:-5px 0 10px #000000bf;text-transform:uppercase;color:#fff}.weather h4,.meetings h4,.tasks h4,.approvals h4,.messages h4{width:100%;text-align:center;padding-top:.7rem}.weather__container,.meetings__container,.tasks__container,.approvals__container,.messages__container{padding:1rem}.weather{position:relative}.weather__title{display:flex;justify-content:space-between;margin-bottom:1rem}.weather__title h3{background-color:#8600ac}.weather__days{display:flex;justify-content:space-between;align-items:start}.weather__day{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:35rem;padding:.8rem}.weather__day img{width:3rem;height:3rem;margin:1rem 0}.weather__day#weather__day-0{font-size:1.4rem}.weather__day#weather__day-0 img{width:6rem;height:6rem}.weather__day#weather__day-0 p{background-color:#fff;padding:.4rem 1rem;border-radius:1.5rem}.weather__day#weather__day-0 .weather__day-temperature{padding-top:.5rem;padding-bottom:1.1rem}.weather__city{position:absolute;display:flex;justify-content:center;right:1rem;bottom:0rem;padding-bottom:2rem}.weather__city input{width:13rem;background-color:inherit;border:none;border-bottom:.1rem solid #333f50}.weather__city ::placeholder{padding-left:.7rem;font-family:Lato,sans-serif;color:#fff;color:#333f50}.weather__city button{margin-left:.5rem;padding:.6rem 1.2rem;background-color:#333f50;font-size:1.2rem;color:#fff;border:inherit;border-radius:1.5rem;cursor:pointer}.meetings h3{background-color:#0094c8}.meetings p{font-size:1.2rem;padding:.5em 1rem}.meetings__container{padding-top:1rem;padding-bottom:1rem}.meetings__meeting{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid #515a65}.meetings__meeting:last-child{border-bottom:none}.meetings__meeting-time{background-color:#fff;border-radius:1.5rem}.meetings__meeting-project{display:flex;justify-content:center;align-items:center;margin-right:0;margin-left:auto;color:#0094c8}.meetings__meeting-project i{padding:.5rem;color:#333f50}.tasks h3{background-color:#00b331}.tasks p{font-size:1.2rem;padding:.5em 1rem}.tasks__container{padding:1rem}.tasks__task{display:flex;justify-content:flex-start;align-items:center;padding:1rem;background-color:#fff;margin:1rem 0rem;box-shadow:linear;border-radius:.5rem;border:1px solid #515a65}.tasks__task-progres{background-color:#fa0;color:#fff;border-radius:1.5rem}.tasks__task:nth-child(2) .tasks__task-progres{background-color:#0094c8}.tasks__task:nth-child(3) .tasks__task-progres{background-color:#ff3500}.tasks__task:nth-child(4) .tasks__task-title{text-decoration:line-through}.tasks__task:nth-child(4) .tasks__task-progres{background-color:#8600ac}.tasks__task-project{color:#0094c8;margin-right:0;margin-left:auto}.approvals h3{background-color:#ff3500}.approvals p{font-size:1.2rem;padding:.5em 1rem}.approvals__container{padding-top:1rem;padding-bottom:1rem}.approvals__approval{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid #515a65}.approvals__approval-icon{padding:.3rem .5rem;background-color:#fff;font-size:1.6rem;border-radius:1.5rem;color:#00b331}.approvals__approval:last-child{border-bottom:none}.approvals__approval:last-child .approvals__approval-icon{color:#ff3500;transform:rotate(180deg)}.approvals__approval-project{display:flex;justify-content:center;align-items:center;margin-right:0;margin-left:auto;color:#0094c8}.messages h3{background-color:#fa0}.messages__container{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1.5rem}.messages__message{position:relative;display:flex;flex-shrink:auto;flex-grow:1;flex-basis:30%;flex-direction:column;align-items:start;min-width:27rem;padding:1rem;background-color:#fff;border-radius:.5rem;border:1px solid #515a65}.messages__message-project{position:absolute;top:2rem;right:2rem}.messages__message-project p span{color:#0094c8}.messages__message span{color:#fa0}.messages__message-date{width:100%;padding:.5em 2rem .5rem 0;border-bottom:1px solid #515a65}.messages__message-text{padding:1.5rem 0}.messages__message .message-regards{padding-bottom:.5rem}.messages__message .message-person{color:#515a65;transform:skew(-10deg)}.lower-beam__controls{display:flex;justify-content:center;margin-left:10rem;margin-right:1.5rem;width:100%;font-size:1.2rem}.lower-beam__controls i{cursor:pointer;padding:.5rem;transition:transform .3s}.lower-beam__controls i:hover{transform:scale(1.1)}.lower-beam__weekControls{display:flex;justify-content:center;align-items:center;width:100%}.lower-beam__generalControls{display:flex;justify-content:center;align-items:center;width:6rem;padding:.2rem 1rem;margin-left:2rem}.lower-beam__generalControls i{font-size:1rem;padding:.6rem;border:1px solid #ffffff;margin:0 .5rem;border-radius:50%}.calendar{display:flex;width:100%;border-bottom:1px solid rgba(51,63,80,.2);transition:opacity .2s ease-in}.calendar .opaque{opacity:.4}.calendar .columnHeader{height:3rem;padding:.5rem 0;text-align:center;font-size:1.4rem;line-height:1rem;overflow:hidden}.calendar .dayTime{width:100%;min-width:100px;max-width:100px;text-align:center}.calendar .days{display:flex;width:100%;overflow:auto}.calendar .day{width:100%;min-width:10rem;text-align:center;border-right:1px solid rgba(51,63,80,.2)}.calendar .day .columnHeader{color:#fff;background-color:#515a65;overflow:hidden}.calendar .currentDay{background-color:#e436661a;color:#fff}.calendar .currentDay .columnHeader{background-color:#e43666;color:#fff}.calendar .dayDisplay{font-size:1rem;padding-top:.3rem}.calendar .slots{position:relative}.calendar .slot,.calendar .time{border-top:1px solid rgba(51,63,80,.2);height:2.6vh}.calendar .time{color:#333f5099;padding:.2rem;font-size:1.2rem;border-left:1px solid rgba(51,63,80,.2);border-right:1px solid rgba(51,63,80,.2)}.calendar .slot{position:relative;cursor:pointer}.calendar .slot:hover,.calendar .currentTime{background-color:#333f5033}.event{display:flex;justify-content:center;align-items:center;margin-top:2px;margin-bottom:1px;position:absolute;top:0;bottom:100px;left:1px;width:calc(100% - 2px);font-size:1.2rem;color:#fff;border-radius:4px;overflow:hidden;cursor:pointer}.shortEvent{padding:0 5px;font-size:1.2rem}.veryShortEvent{margin:-1px;padding:0 5px;font-size:1rem}.eventModal{display:none;position:absolute;top:33rem;left:50%;transform:translate(-50%,-50%);max-width:45rem;min-width:27rem;padding:2rem;margin-left:2rem;margin-top:4rem;background-color:#fff;box-shadow:0 2px 5px #000000bf;border-radius:1.5rem;z-index:1}.eventModal label{display:inline-block;margin:2rem 1rem .5rem 0;font-weight:700}.eventModal .modalTitle{margin-bottom:1rem}.eventModal .shortInput{padding:.2rem .1rem;border-bottom:1px solid rgba(51,63,80,.4)}.eventModal .shortInput:focus{color:#515a65;outline:none;border:none;border-bottom:1px solid #515a65}.eventModal .eventTitle{width:95%}.eventModal .eventStart{margin-right:1rem}.eventModal .eventEnd{margin-left:1rem}.eventModal .eventDescription{width:95%;min-height:6rem;max-height:15rem;resize:vertical;padding:.5rem;border:1px solid rgba(51,63,80,.4)}.eventModal .eventDescription:focus{color:#515a65;outline:none;border:none;border:1px solid #515a65}.eventModal .eventControls{padding-top:1rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1rem}.eventModal .button{padding:.5rem 2rem;font-size:1.2rem;background-color:#515a65;color:#fff;border-radius:2rem;cursor:pointer;transition:opacity .3s}.eventModal .button:hover,.eventModal .button:focus{opacity:.8}.eventModal .button #deleteButton{background-color:#ff3500;color:#fff}.eventModal .colors{display:flex;justify-content:space-evenly;align-items:center;height:3rem;max-width:15rem;margin-bottom:1rem}.eventModal .color{box-sizing:content-box;width:2rem;height:2rem;border-radius:50%;border:2px solid #ffffff;cursor:pointer;transition:border .3s}.eventModal .color-red{background-color:#ff3500}.eventModal .color-blue{background-color:#0094c8}.eventModal .color-green{background-color:#00b331}.eventModal .color-orange{background-color:#fa0}.eventModal .color-purple{background-color:#8600ac}.eventModal .color:focus,.eventModal .color:hover{border:3px solid rgba(51,63,80,.6)}.eventModal .errors{padding-top:1rem;color:#e43666;font-size:1.2rem;text-align:center}.eventModal .active{border:2px solid rgba(51,63,80,.6)}@media (max-width: 380px){#weekDisplay{display:none}}.todo{color:var(--dark);font-family:Lato,sans-serif}.todo input:not([type=radio]):not([type=checkbox]),.todo button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:none;cursor:initial}.todo section{margin-top:1rem;margin-bottom:1rem;padding-left:1.5rem;padding-right:1.5rem}.todo h3{color:var(--dark);font-size:1rem;font-weight:400;margin-bottom:.5rem}.todo h4{color:var(--grey);font-size:.875rem;font-weight:700;margin-bottom:.5rem}.todo .create-todo{padding-top:1rem;padding-bottom:1.5rem;border-radius:1rem;background:linear-gradient(135deg,#515a65 0%,#ffffff 100%);border-radius:1.5rem;box-shadow:0 2px 5px #000000bf;text-align:center}.todo .create-todo h4{color:#333f50}.todo .create-todo input[type=text]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:var(--dark);background-color:#fff;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.todo .create-todo .options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;margin-bottom:1.5rem}.todo .create-todo .options label{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;padding:1rem;box-shadow:var(--shadow);border-radius:.5rem;cursor:pointer}.todo input[type=radio],.todo input[type=checkbox]{display:none}.todo .bubble{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;border:2px solid var(--projects);box-shadow:var(--projects-glow)}.todo .bubble.personal{border-color:var(--personal);box-shadow:var(--personal-glow)}.todo .bubble:after{content:"";display:block;opacity:0;width:0px;height:0px;background-color:var(--projects);box-shadow:var(--projects-glow);border-radius:999px;transition:.2s ease-in-out}.todo .bubble.personal:after{background-color:var(--personal);box-shadow:var(--personal-glow)}.todo input:checked~.bubble:after{width:10px;height:10px;opacity:1}.todo .create-todo .options label div{color:var(--dark);font-size:1.125rem;margin-top:1rem}.todo .create-todo input[type=submit]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:#fff;font-weight:700;text-transform:uppercase;background-color:var(--color-purple);box-shadow:var(--shadow);border-radius:.5rem;cursor:pointer;transition:.2s ease-out}.todo .create-todo input[type=submit]:hover{opacity:.75}.todo .todo-list{max-height:calc(100vh - 52rem);overflow-y:scroll;padding-bottom:1rem;padding-top:1rem}.todo .todo-list .list{margin:1rem 0}.todo .todo-list .todo-item{display:flex;align-items:center;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1rem}.todo .todo-item label{display:block;margin-right:1rem;cursor:pointer}.todo .todo-item .todo-content{flex:1 1 0%}.todo .todo-item .todo-content input{color:var(--dark);font-size:1.125rem}.todo .todo-item .actions{display:flex;align-items:center}.todo .todo-item .actions button{display:block;padding:.5rem;border-radius:.5rem;color:#fff;cursor:pointer;transition:.2s ease-in-out}.todo .todo-item .actions button:hover{opacity:.75}.todo .todo-item .actions .edit{margin-right:.5rem;background-color:var(--color-green)}.todo .todo-item .actions .delete{background-color:var(--danger)}.todo .todo-item.done .todo-content input{text-decoration:line-through;color:var(--grey)}.lower-beam .project-add{display:flex;justify-content:center;align-items:center;text-align:center;height:2.5rem;margin-right:2rem;padding-right:2rem;border-right:1px solid #ffffff}.portfolio-window{position:relative;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;min-height:60vh;max-height:70vh;padding-top:1.5rem;padding-bottom:3rem;gap:2rem;overflow-y:scroll;z-index:0}svg{position:relative;width:15rem;height:15rem;z-index:1000}svg circle{width:100%;height:100%;fill:none;stroke:var(--grey);stroke-width:11;stroke-linecap:round;transform:translate(.5rem,.5rem)}svg circle:nth-child(2){stroke-dasharray:440;stroke-dashoffset:440}.card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:28rem;height:30rem;background:linear-gradient(135deg,#515a65 0%,#ffffff 100%);border-radius:1.5rem;box-shadow:0 2px 5px #000000bf;text-align:center;overflow:hidden;transition:.5s}.card:hover{transform:translateY(-1rem);box-shadow:0 1.5rem 1.5rem #0000004d}.card:hover .percent h2{font-size:5.5rem;color:#515a65}.card:hover .text{color:#515a65}.card .project-menu{display:flex;justify-content:space-around;align-items:center;width:90%;margin-top:-1rem;padding-bottom:2rem}.card .project-menu i{padding:.5rem;font-size:1.2rem}.card .text{position:relative;margin-top:2rem;font-weight:700;font-size:1.8rem;letter-spacing:.1rem;text-transform:uppercase;transition:.5s}.card .notifications{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:25rem;min-height:5rem;top:1.5rem;background-color:#fff;border-radius:1rem;z-index:10000}.card .hidden{display:none}.card .close-button{margin:.5rem .5rem 0 auto;cursor:pointer;padding:.5rem}.card .approvals__container,.card .tasks__task,.card .messages__container{width:23rem;border:1px solid #515a65;margin:1rem;border-radius:1rem}.card .messages__container{height:21rem;overflow-y:scroll}.card .tasks__task-progres{padding:.5rem 1rem;margin-right:.5rem}.card .tasks__task-title{text-decoration:line-through}.card .messages__message{min-width:19rem;margin:0;background-color:#eeddaf33}.card .messages__message-project{top:1rem}.percent{position:relative;width:15rem;height:15rem;border-radius:50%;box-shadow:inset 0 0 5rem #000;background-color:#c5bbbb;z-index:1000}.percent .number{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50%}.percent .number h2{font-weight:700;font-size:4rem;transition:.5s}.percent .number h2 span{font-size:2.4rem}.card:nth-child(1) svg circle:nth-child(2){stroke-dashoffset:44;stroke:#00ff43}.card:nth-child(1) .nav__approvals{position:relative;z-index:0;cursor:pointer}.card:nth-child(1) .nav__approvals:before{content:"1";display:flex;justify-content:center;align-items:center;position:absolute;width:1.7rem;height:1.7rem;top:-.5rem;right:-.8rem;color:#fff;font-size:.8rem;background-color:#e43666;border-radius:50%;z-index:-1}.card:nth-child(2) svg circle:nth-child(2){stroke-dashoffset:176;stroke:#00a1ff}.card:nth-child(2) .nav__todo{position:relative;z-index:0;cursor:pointer}.card:nth-child(2) .nav__todo:before{content:"1";display:flex;justify-content:center;align-items:center;position:absolute;width:1.7rem;height:1.7rem;top:-.5rem;right:-.8rem;color:#fff;font-size:.8rem;background-color:#e43666;border-radius:50%;z-index:-1}.card:nth-child(3) svg circle:nth-child(2){stroke-dashoffset:220;stroke:#ff04f3}.card:nth-child(4) svg circle:nth-child(2){stroke-dashoffset:330;stroke:#ffe600}.card:nth-child(4) .nav__messages{position:relative;z-index:0;cursor:pointer}.card:nth-child(4) .nav__messages:before{content:"3";display:flex;justify-content:center;align-items:center;position:absolute;width:1.7rem;height:1.7rem;top:-.5rem;right:-.8rem;color:#fff;font-size:.8rem;background-color:#e43666;border-radius:50%;z-index:-1}.approval{display:flex;flex-wrap:wrap;padding-bottom:10rem;overflow-y:scroll}.approval h3{width:16rem}.approval img{width:4rem;border:1px solid #515a65;border-radius:1rem}.approval .approvals__container{background-color:#fff;margin:2rem;border-radius:1rem;border:1px solid #515a65}.budget{position:relative;margin-left:auto;margin-right:auto;width:85vw;height:70vh}.balance{justify-content:center;align-items:center;height:4rem;display:flex;justify-content:space-between;margin-bottom:2rem}.balance__label{font-size:2.2rem;font-weight:500;margin-bottom:-.2rem}.balance__date{font-size:1.4rem;color:#515a65b3}.balance__value{font-size:2.8rem;font-weight:400;color:#515a65}.list-container{display:flex;flex-direction:row-reverse}.movements{height:33rem;width:100%;border-radius:1rem;box-shadow:0 2px 5px #000000bf;margin:1rem 2rem 1rem 1rem;overflow-y:auto}.movements__row{padding:2.25rem 4rem;display:flex;align-items:center;border-bottom:1px solid rgba(81,90,101,.2)}.movements__type{font-size:1.1rem;text-transform:uppercase;font-weight:500;color:#fff;padding:.5rem 1rem;border-radius:10rem;margin-right:2rem}.movements__date{font-size:1.1rem;text-transform:uppercase;font-weight:500;color:#515a6580}.movements__type--GROSS{background-image:linear-gradient(to top left,#e43666,#da9aac)}.movements__type--ADD_BUDGET{background-image:linear-gradient(to top left,#39b385,#9be15d)}.movements__value{font-size:1.5rem;margin-left:auto}.summary{display:flex;justify-content:center;align-items:center;padding:0 .3rem;margin-top:5rem;margin-bottom:5rem}.summary__label{font-size:1.2rem;font-weight:500;text-transform:uppercase;margin-right:.8rem}.summary__value{font-size:1.5rem;margin-right:2.5rem}.summary__value--in{color:#00b331}.summary__value--interest{color:#0094c8}.summary__value--out{color:#e43666}.btn--sort{width:10rem;height:3rem;display:flex;margin-left:auto;margin-right:.7rem;margin-top:1rem;margin-bottom:2rem;border:none;background:none;font-size:1.3rem;font-weight:500;padding:1rem 2rem;border-radius:.5rem;color:#0094c8;cursor:pointer;z-index:1000}.operations{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;margin-bottom:3rem;margin-right:1rem}.operation{border-radius:1rem;padding:1rem;max-width:25rem;box-shadow:0 2px 5px #000000bf}.operation--transfer{background-color:#fa0}.operation--loan{background-color:#00b331}.operation--close{background-image:linear-gradient(to top left,#e52a5a,#ff585f)}h2{margin-bottom:1.5rem;font-size:1.7rem;font-weight:600;color:#333f50}.form{display:grid;grid-template-columns:2.5fr 2.5fr 1fr;grid-template-rows:auto auto;gap:.4rem 1rem}.form--loan{grid-template-columns:2.5fr .7fr;margin-left:3rem;margin-right:3rem}.form__label--loan{grid-row:2}.form__input{width:100%;border:none;background-color:#fff6;font-family:inherit;font-size:1.5rem;text-align:center;color:#333f50;padding:.3rem 1rem;border-radius:.7rem;transition:all .3s}.form__input--to{font-size:1.3rem}b .form__input:focus{outline:none;background-color:#fff9}.form__label{font-size:1.3rem;text-align:center}.project-list{display:flex;flex-direction:column;min-width:25rem;min-height:10rem;background-color:#515a651a}.project-list form{display:flex;justify-content:center;align-items:center}.project-list select{padding:.3rem 1rem;color:#333f50;background-color:#fff6;border-radius:.7rem}.project-list input{padding:.4rem 1rem;border-radius:.5rem;background-color:#333f50;color:#fff;cursor:pointer}.form__btn{border:none;border-radius:.5rem;font-size:1.8rem;background-color:#fff;cursor:pointer;transition:all .3s}.form__btn:focus{outline:none;background-color:#fffc}.logout-timer{padding:0 .3rem;margin-top:1.9rem;text-align:right;font-size:1.25rem}.timer{font-weight:600}.files-window{margin-top:1.5rem}.folders{display:flex;flex-wrap:wrap;margin-left:2rem;gap:3rem}.folder{width:14rem;height:14rem;cursor:pointer;border:1px solid #515a65;padding:1rem}.folder img{width:10rem;height:10rem;transition:transform .3s}.folder h3{text-align:center;text-transform:uppercase;transition:color .3s}.folder:hover img{transform:scale(1.1)}.folder:hover h3{color:#333f5099}.teams-window{margin-left:2rem;display:flex;flex-wrap:wrap;gap:2rem}.teams-window .avatar{width:14rem;height:14rem;border:1px solid #515a65;border-radius:2rem;transition:all .3s}.teams-window .avatar:hover{border:1px solid rgba(81,90,101,.5)}.teams-window img{width:12rem;height:12rem;border-radius:2rem;margin-left:1rem;padding:.5rem;transition:all .3s}.teams-window img:hover{transform:scale(1.05)}.teams-window p{text-align:center;color:#0094c8}@media (min-width: 576px){.upper-beam__admin{max-width:14rem}.upper-beam__admin-menu{display:none}.upper-beam__admin-icons{display:block}.upper-beam__settings{display:none}}@media (max-width: 576px){.input-columns{flex-direction:column;justify-content:center;align-items:center}}@media (min-width: 576px){.input-container{display:flex;align-items:center}.todo .create-todo .options,.todo .create-todo input[type=text]{margin-bottom:0}.todo .create-todo input[type=text]{height:5.3rem;margin-top:1.5rem}.todo .create-todo .options label{padding:.8rem}.todo .create-todo .options label div{margin-top:.5rem}.todo .create-todo .ask-title{font-size:1.6rem;margin-bottom:0}.todo input[type=submit]{display:inline-block;max-width:10rem;height:5.3rem;margin-left:1rem;margin-top:1.5rem}.todo #content{margin-right:1rem;font-size:1.2rem}.todo .todo-list{max-height:calc(100vh - 42rem)}}@media (min-width: 576px){.upper-beam__empty{min-width:2rem}.start{background-size:100rem}}@media (max-width: 768px){.balance__label{font-size:2rem}.balance__date{font-size:1.2rem}.balance__value{padding-right:1.5rem;font-size:2.5rem}.budget{overflow-y:scroll}.list-container{flex-direction:column}.movements{width:100%;max-width:75vw}.btn--sort{right:6.7rem;bottom:-25.2rem}.movements__row{padding:1.5rem 1rem;font-size:.8rem}.movements__value{padding-right:3rem;font-size:1.3rem}.movements__type,.movements__date{font-size:1rem}.summary{padding-bottom:5rem}.summary__value{font-size:1.3rem}.folder{width:12rem;height:12rem}.folder img{width:8rem;height:8rem}}@media (min-width: 992px){.upper-beam__empty{min-width:10rem}.upper-beam__admin{max-width:22rem}.upper-beam__admin-login{display:block}.start{background-size:cover;background-position-y:2rem}.start__logo-img{width:14rem;height:14rem;background-size:12.2rem;border:.6rem solid #333f50}.start__logo p{font-size:5.7rem}.start__logo span{font-size:4rem}}@media (max-height: 576px){.nav{height:200vh}.comunicator{bottom:-100vh}} diff --git a/dist/assets/main-64d467c2.js b/dist/assets/main-7700b10d.js similarity index 100% rename from dist/assets/main-64d467c2.js rename to dist/assets/main-7700b10d.js diff --git a/dist/budget.html b/dist/budget.html index 1a958ea..e1bc3de 100644 --- a/dist/budget.html +++ b/dist/budget.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + diff --git a/dist/calendar.html b/dist/calendar.html index edb60a3..8cec5d9 100644 --- a/dist/calendar.html +++ b/dist/calendar.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + diff --git a/dist/files.html b/dist/files.html index 9456a49..ecdb02f 100644 --- a/dist/files.html +++ b/dist/files.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + diff --git a/dist/git.html b/dist/git.html index 43d385b..227e57e 100644 --- a/dist/git.html +++ b/dist/git.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + diff --git a/dist/history.html b/dist/history.html index 58438df..04be8ca 100644 --- a/dist/history.html +++ b/dist/history.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + diff --git a/dist/home.html b/dist/home.html index addcc5f..1e4020d 100644 --- a/dist/home.html +++ b/dist/home.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + diff --git a/dist/index.html b/dist/index.html index f01e2d9..286375d 100644 --- a/dist/index.html +++ b/dist/index.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + +
diff --git a/dist/portfolio.html b/dist/portfolio.html index 57a20fa..a62e2f0 100644 --- a/dist/portfolio.html +++ b/dist/portfolio.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + diff --git a/dist/teams.html b/dist/teams.html index 848baf6..16fff55 100644 --- a/dist/teams.html +++ b/dist/teams.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + @@ -145,7 +145,32 @@

Teams

-
+
+
+ avatar +

Memeber 1

+
+
+ avatar +

Memeber 2

+
+
+ avatar +

Memeber 3

+
+
+ avatar +

Memeber 4

+
+
+ avatar +

Memeber 5

+
+
+ avatar +

Memeber 6

+
+
diff --git a/dist/todo.html b/dist/todo.html index 7674b8a..18ead61 100644 --- a/dist/todo.html +++ b/dist/todo.html @@ -14,8 +14,8 @@ crossorigin="anonymous" defer > - - + + diff --git a/src/approvals.html b/src/approvals.html index 2914327..d61039f 100644 --- a/src/approvals.html +++ b/src/approvals.html @@ -143,7 +143,66 @@

Approvals

-
+
+
+

Project #0015

+
    +
  • +
    + +
    +
    +

    Approval 1

    +
    +
    +

    Olivia Braun

    + avatar +
    +
  • +
  • +
    + +
    +
    +

    Approval 2

    +
    +
    +

    Emma Smith

    + avatar +
    +
  • +
  • +
    + +
    +
    +

    Approval 3

    +
    +
    +

    Liam Johnson

    + avatar +
    +
  • +
+
+
+

Project #0016

+
    +
  • +
    + +
    +
    +

    Approval 1

    +
    +
    +

    Emma Smith

    + avatar +
    +
  • +
+
+
diff --git a/src/style/components/_approvals.scss b/src/style/components/_approvals.scss new file mode 100644 index 0000000..981025f --- /dev/null +++ b/src/style/components/_approvals.scss @@ -0,0 +1,25 @@ +@use '../variables/colors' as *; + +.approval { + display: flex; + flex-wrap: wrap; + padding-bottom: 10rem; + overflow-y: scroll; + + h3 { + width: 16rem; + } + + img { + width: 4rem; + border: 1px solid $second; + border-radius: 1rem; + } + + .approvals__container { + background-color: #fff; + margin: 2rem; + border-radius: 1rem; + border: 1px solid $second; + } +} diff --git a/src/style/components/_index.scss b/src/style/components/_index.scss index 2da0509..f9e96b4 100644 --- a/src/style/components/_index.scss +++ b/src/style/components/_index.scss @@ -6,5 +6,7 @@ @forward 'calendar'; @forward 'todo'; @forward 'portfolio'; +@forward 'approvals'; @forward 'budget'; @forward 'files'; +@forward 'teams'; diff --git a/src/style/components/_teams.scss b/src/style/components/_teams.scss new file mode 100644 index 0000000..46c5336 --- /dev/null +++ b/src/style/components/_teams.scss @@ -0,0 +1,36 @@ +@use '../variables/colors' as *; + +.teams-window { + margin-left: 2rem; + display: flex; + flex-wrap: wrap; + gap: 2rem; + + .avatar { + width: 14rem; + height: 14rem; + border: 1px solid $second; + border-radius: 2rem; + transition: all 0.3s; + &:hover { + border: 1px solid rgba($color: $second, $alpha: 0.5); + } + } + + img { + width: 12rem; + height: 12rem; + border-radius: 2rem; + margin-left: 1rem; + padding: 0.5rem; + transition: all 0.3s; + + &:hover { + transform: scale(1.05); + } + } + p { + text-align: center; + color: $fifth; + } +} diff --git a/src/teams.html b/src/teams.html index 8ab9666..6c1ff49 100644 --- a/src/teams.html +++ b/src/teams.html @@ -143,7 +143,32 @@

Teams

-
+
+
+ avatar +

Memeber 1

+
+
+ avatar +

Memeber 2

+
+
+ avatar +

Memeber 3

+
+
+ avatar +

Memeber 4

+
+
+ avatar +

Memeber 5

+
+
+ avatar +

Memeber 6

+
+