:root{--default-color: #303030}.body,html{background-image:url(/assets/images/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;color:#fff}.search-bar-container{width:100%;margin-top:5%;display:flex;flex-direction:column;justify-content:center;align-items:center}.search-bar{width:95%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;transition:transform .6s ease}.search-bar:hover{transform:translateY(-2px)}.search-area{width:100%;height:100%;margin-top:.5%;position:relative;text-align:center}.textArea{background-color:#252c36c9;width:72%;color:#fff;font-weight:20px;font-size:16px;transition:transform .8s ease;opacity:.79}.textArea:hover{background-color:#252c36c9;transform:translateY(-1px)}.textArea:focus{background-color:#252c36c9}.output-area{background-color:#343b47c9;width:149px;height:158px;border-radius:6px;position:absolute;top:18%;right:15%}.download-icon{position:absolute;bottom:15%;left:10%;font-size:30px}.create-icon{position:absolute;top:15%;left:10%;font-size:30px}.divider{position:absolute;top:42%;height:1px;background-color:#ccc;margin:10px 0}.nav-item{color:#fff;font-size:14px;font-weight:500;margin:0 10px}.nav-item:hover,.nav-item.active,.nav-item.active:hover{color:#009688}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#009688}.nav-item.active:before{content:""}.card:hover{transform:translateY(-5px)}.card{transition:transform .3s ease}.cards-container{display:flex;flex-direction:row;gap:4rem;margin-top:1rem}.mainContent-container{margin-top:10px;display:flex;flex-direction:column}.title{font-size:54px;font-weight:700;margin-bottom:1rem;color:#fff;line-height:65px;margin-top:20px}.TopNavigaBarContainer{color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1rem;margin:20px}.content-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1rem}.footer-container{display:flex;flex-direction:column}.login-conterainer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:15%}.process{position:absolute;top:10%;left:50%}