@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"Roboto", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:#ffe2e2;--color-red-300:#ffa3a3;--color-red-500:#fb2c36;--color-gray-400:#99a1af;--color-gray-700:#364153;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-extralight:200;--font-weight-light:300;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Roboto", system-ui, -apple-system, sans-serif;--default-mono-font-family:var(--font-mono);--color-background:#060d23;--color-foreground:#ffffffbd;--color-muted:#8a8989bd;--color-github:#8f9090b3;--color-youtube:#e52d27;--color-x:#0f1419;--color-facebook:#19399a;--color-linkedin:#0a66c2;--font-heading:"Poppins", system-ui, sans-serif;--font-login:"Montserrat", system-ui, sans-serif}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-700:lab(27.1134% -.956401 -12.3224)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{background:radial-gradient(at bottom,#111 0%,#000 100%);margin:0;overflow:auto}body{min-height:100dvh;font-family:var(--font-sans);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;margin:0;display:flex}a{color:inherit;text-decoration:none}::selection{background:var(--color-foreground);color:var(--color-background)}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-5{margin-right:calc(var(--spacing) * 5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-4{margin-left:calc(var(--spacing) * 4)}.flex{display:flex}.inline{display:inline}.table-row{display:table-row}.max-h-24{max-height:calc(var(--spacing) * 24)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.max-w-24{max-width:calc(var(--spacing) * 24)}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-gray-700{border-color:var(--color-gray-700)}.border-red-300{border-color:var(--color-red-300)}.border-white{border-color:var(--color-white)}.bg-red-100{background-color:var(--color-red-100)}.bg-surface{background-color:#111}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.p-4{padding:calc(var(--spacing) * 4)}.p-10{padding:calc(var(--spacing) * 10)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.text-gray-400{color:var(--color-gray-400)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-80{opacity:.8}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.hover\:opacity-40:hover{opacity:.4}.hover\:opacity-80:hover{opacity:.8}}}.navbar{zoom:.85;flex-direction:row;justify-content:space-between;align-items:center;margin:15px 150px 25px;display:flex}.navbar-links{font-family:var(--font-heading);text-transform:uppercase;flex-direction:row;display:flex}.navbar-link{color:inherit;flex-direction:column;align-items:center;width:6rem;font-size:28px;text-decoration:none;transition:opacity .3s ease-in-out;display:flex}.navbar-link:hover{opacity:.5}.navbar-link-title{text-align:center;color:var(--color-foreground);padding:5px;font-size:16px}.header-icon{color:var(--color-foreground);cursor:pointer}.logo-link{color:var(--color-foreground);text-decoration:none}.logo-link:hover{color:var(--color-muted);opacity:.8}.cards-box{font-family:var(--font-sans);zoom:.94;height:68vh;display:flex}.wrapper{justify-content:center;align-items:center;width:100%;display:flex}.container-cards{flex-wrap:nowrap;justify-content:start;height:fit-content;max-height:500px;display:flex}.title-div{text-align:center;width:80px;height:100%;font-size:40px;font-family:var(--font-sans);color:#fff;cursor:pointer;background:repeating-linear-gradient(99deg,#000000bf,#ffffff03,#fff0);justify-content:center;font-weight:700;display:flex}.title-div-add{text-align:center;width:80px;height:100%;font-size:40px;font-family:var(--font-sans);color:#fff;cursor:pointer;justify-content:center;font-weight:700;display:flex}.title{writing-mode:tb-rl;text-transform:uppercase;height:fit-content;margin-top:30px;transform:rotate(-180deg)}.card{background-size:cover;border:.75rem;border-radius:2rem;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:80px;margin:0 10px;transition:all .6s cubic-bezier(.28,-.03,0,.99);display:flex;overflow:hidden;box-shadow:0 10px 30px -5px #000c}.row{background:repeating-linear-gradient(#ffffff03,#000000b8)}.row-add{background:linear-gradient(#2020202e,#000000b8)}.card>.row{color:#fff;flex-wrap:nowrap;display:flex}.card>.row>.icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;margin:15px;font-size:1.2rem;display:flex}.card>.row>.description{flex-direction:row;justify-content:space-between;align-items:center;width:520px;height:80px;transition:all .3s ease-in;display:flex;overflow:hidden}.description p{color:#fff;margin:0;padding:20px;font-size:18px;font-weight:200}.description-add{text-align:center;width:600px}.description-add p{color:#fff}input[type=radio]{display:none}input:checked+label{width:600px}input:checked+label .description{opacity:1!important;transform:translateY(0)!important}input#addList+label.card>.form-title-flex>.title-div-add>.title-add{writing-mode:tb-rl;text-transform:uppercase;text-align:center;height:400px;margin-top:30px;font-size:25px;transform:rotate(-180deg)}input#addList+label.card>.title-div{background:0 0}input#addList+label.card{background-color:#33333332}.above-title-div{width:600px;height:500px;display:flex}.card-form{cursor:default;flex-direction:column;place-content:space-around center;margin-left:20px;display:flex}.form-title-flex{height:500px;display:flex}form.card-item{flex-flow:column;align-items:center;margin:auto;display:flex}.card-item{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;border-radius:30px;margin-bottom:30px}.input-add-card-text,.input-add-card-url{text-align:center;font-size:40px;font-family:var(--font-sans);color:#a7a7a8cb;background:0 0;border:none;width:fit-content;font-weight:100;transition:all .3s}.input-add-card-text:focus,.input-add-card-url:focus{color:#9c9c9ccb;outline:none;box-shadow:inset 0 -2px 2px -2px #9c9c9cbd}::placeholder{color:#f5f5f5b8;opacity:.5;font-size:30px;font-family:var(--font-sans);text-transform:uppercase;font-weight:100}.button-add-list{color:#afaeaecd;opacity:.5;width:220px;font-size:20px;font-family:var(--font-sans);text-transform:uppercase;cursor:pointer;background-color:#fff3;border:none;border-radius:20px;margin-top:25px;padding:10px;font-weight:100;transition:all .3s ease-in-out}.button-add-list:hover{color:#fff;opacity:.8}.card-form-tasks{flex-flow:wrap;place-content:stretch center;align-items:stretch;width:100%;margin-right:50px;display:flex}.card-task{color:#fff;background-color:#0707075d;border-radius:10px;flex-direction:column;align-items:center;width:fit-content;min-width:400px;max-height:320px;margin:25px auto auto;padding:8px 8px 8px 15px;display:flex;overflow:auto;-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}.card-task::-webkit-scrollbar{width:5px}.card-task::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #d3d3d383}.card-task::-webkit-scrollbar-thumb{background:#98989878;border-radius:10px}.card-task::-webkit-scrollbar-thumb:hover{cursor:pointer;background:#d3d3d361}.card-task-line{flex-direction:row;width:100%;display:flex}.card-task-line-completed{flex-direction:row;align-items:center;width:100%;display:flex}.card-task-box{background-color:#0000;border:none;padding:0}.card-task-name{color:#ddd;text-align:left;margin:0;padding:20px;font-size:18px;font-weight:200}.card-task-name-completed{color:#ddd;text-align:center;margin:0;padding:10px;font-size:1rem;font-weight:200}.completed-task-delete{color:#fff;cursor:pointer;margin-right:5px}.completed-task-delete:hover{color:#ff00008e}.card-task-input{border-radius:10px;flex-direction:row;justify-content:center;align-items:center;height:60px;margin-top:auto;display:flex}#card-task-input-text{font-family:var(--font-sans);text-align:center;color:#f5f5f7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000085;border:none;border-radius:10px;width:220px;padding:10px;font-size:18px;font-weight:200;transition:all .5s}#card-task-input-text::placeholder{color:#fff;font-size:20px}#card-task-input-text:focus{color:#f5f5f7;outline:none;transition:all .3s}.delete-button{display:flex}.delete-icon{cursor:pointer;width:30px;height:30px;transition:all .2s}.delete-icon:hover{opacity:.75}.complete-icon{cursor:pointer;width:30px;height:30px;transition:all .2s}.complete-icon:hover{opacity:.75}.add-task-icon{cursor:pointer;width:30px;height:30px;margin-left:10px;transition:all .2s}.add-task-icon:hover{opacity:.75}.login-section{font-family:var(--font-login);zoom:.94;flex-direction:column;justify-content:center;align-items:center;display:flex}.title-section{font-family:var(--font-login);color:#1c1b1b;margin:0;font-size:1.6rem;font-weight:700}.title-section-overlay{font-size:1.6rem;font-family:var(--font-login);margin:0;font-weight:700}.p-section-overlay{letter-spacing:.5px;color:#fff;margin:20px;padding:0;font-size:14px;font-weight:100;line-height:20px}.span-section{margin-bottom:1.25rem;font-size:12px}.container-login{opacity:.95;background:#fff;border-radius:10px;width:768px;max-width:100%;min-height:480px;transition:all .333s;position:relative;overflow:hidden;box-shadow:0 0 20px 8px #c0c0c08c}.form-container form{text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 50px;display:flex}.social-container{margin:20px 0;display:block}.form-container{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.sign-in-container{z-index:2;width:50%;left:0}.sign-up-container{z-index:1;opacity:0;width:50%;left:0}.overlay-container{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.overlay{color:#fff;background:#1b1b1b;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translateY(0)}.overlay-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translateY(0)}.overlay-right{right:0;transform:translate(0)}.overlay-left{transform:translate(-20%)}.container-login.right-panel-active .sign-in-container{transform:translate(100%)}.container-login.right-panel-active .overlay-container{transform:translate(-100%)}.container-login.right-panel-active .sign-up-container{opacity:1;z-index:5;transform:translate(100%)}.container-login.right-panel-active .overlay{transform:translate(50%)}.container-login.right-panel-active .overlay-left{transform:translate(0)}.container-login.right-panel-active .overlay-right{transform:translate(20%)}.button{color:#fff;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:#2b2a2a;border:1px solid #2a2b2b;border-radius:50px;margin-top:30px;padding:12px 45px;font-size:13px;font-weight:700;transition:transform .2s ease-in-out}.button:hover{opacity:.8;transform:scale(1.05)}.button:active{transform:scale(.95)}.button:focus{outline:none}.button.ghost{background:#63636355;border-color:#929191}.box-input{max-width:fit-content;font-family:var(--font-login);border-radius:.5rem;padding-top:.8rem;font-size:.9rem}.input__wrapper{position:relative}.input__field{color:#454545;width:19.1rem;font-size:12px;font-family:var(--font-login);background:0 0;border:none;border-radius:1rem;outline:.75px solid #454545;padding:.5rem .8rem;transition:all .2s}.input__field::placeholder{color:#0000}.input__field:placeholder-shown~.input__label{cursor:text;color:#454545;font-size:.9rem;top:.5rem}output,.input__field:focus~.input__label{color:#454545;background-color:#fcfcfc;padding:0 .25rem;font-size:.8rem;transition:all .4s ease-in-out;display:block;position:absolute;top:-.5rem;left:.5rem}.input__field:focus~.input__label{color:#030405}.input__field:focus{outline:1px solid #030405}.input__icon{transform-origin:50%;cursor:pointer;width:1.75rem;height:1.75rem;position:absolute;bottom:-.775rem;right:-.425rem;transform:translate(-50%,-50%)}.social-media-buttons{flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-top:30px;margin-bottom:30px;display:flex}.social-media-buttons ul{gap:1.3rem;margin:0;padding:0;list-style:none;display:flex}.social-media-buttons .item a{z-index:1;outline-offset:3px;background-color:#353636;border:1px solid #353636;border-radius:50%;outline:2.2px solid #353636;justify-content:center;align-items:center;width:3rem;height:3rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.social-media-buttons .item a:before{content:"";background:var(--bg-color);z-index:0;transform-origin:bottom;width:100%;height:100%;transition:scale .5s;position:absolute;scale:1 0}.social-media-buttons .item:hover a:before{scale:1}.social-media-buttons .item .icon{color:#fff;z-index:2;margin-top:1px;font-size:1.8rem;transition:all .85s}.social-media-buttons .item a:hover .icon{color:#fff;transform:rotateY(360deg)}.social-media-buttons .item:first-child{--bg-color:linear-gradient(to bottom right, #34a853 0%, #ea4335 40%, #ea4335 40%, #fbbc05 55%, #fbbc05 55%, #4285f4 80%, #4285f4 80%, #4285f4 100%)}.social-media-buttons .item:nth-child(2){--bg-color:var(--color-github)}.social-media-buttons .item:nth-child(3){--bg-color:var(--color-facebook)}.social-media-buttons .item:nth-child(4){--bg-color:var(--color-x)}.about-me-box{font-family:var(--font-sans);zoom:.94;height:68vh;display:flex}.contact-me-box{font-family:var(--font-sans);zoom:.94;flex-direction:column;align-items:center;height:68vh;display:flex}.about-me,.contact-me{white-space:pre-line;color:#fff;text-align:center;margin:auto;padding:0 150px;line-height:1.7em}.social-media-buttons-contact{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:50px;display:flex}.social-media-button{cursor:pointer;background-color:#0000;border:none;border-radius:50%;outline:2px solid #fff;place-items:center;width:3rem;height:3rem;transition:all .3s;display:grid}.social-media-button:hover{outline-offset:3px}.social-media-button img{transition:all .3s}.social-media-button:hover img{transform:scale(1.15)}.social-media-button:hover:first-child{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.social-media-button:hover:nth-child(2){background-color:#fff}.social-media-button:hover:nth-child(2) svg{stroke:var(--color-x)}.social-media-button:hover:nth-child(3){background-color:var(--color-youtube)}.social-media-button:hover:nth-child(4){background-color:var(--color-linkedin)}.social-media-button:hover:nth-child(5){background-color:var(--color-facebook)}.account-box{font-family:var(--font-sans);zoom:.94;flex-direction:column;justify-content:center;align-items:center;height:68vh;display:flex}.profile-card{color:#fff;border:1px solid #8f8f8f40;border-radius:25px;flex-direction:column;align-items:center;min-width:fit-content;height:fit-content;padding:40px;display:flex;box-shadow:0 0 20px 12px #fffefe26}.profile-top{align-items:center;display:flex}.profile-image{width:150px;height:150px;margin-right:1.5rem;position:relative}.profile-image .profile-pic{object-fit:cover;cursor:pointer;border:.25rem solid #8f8f8f40;border-radius:50%;width:100%;height:100%;overflow:hidden;box-shadow:0 5px 20px #0006}.profile-pic:hover{opacity:.8}.profile-data{flex-direction:column;align-items:center;display:flex}.profile-data h2{text-align:left;width:100%;font-size:18px}.profile-item-name{color:#fff;text-align:left;width:100%;margin:0;padding:0;font-size:1.1rem;font-weight:200}.profile-title{text-align:left;color:#fff;width:100%;font-family:var(--font-heading);margin:0 0 10px}.profile-auth{margin:10px 0 0}.profile-row{align-items:center;display:flex}.profile-table th,.profile-table td{text-align:center;border:1px solid #0000;padding:4px 15px}.list-name{font-size:1.5rem;font-weight:200}.profile-table th{font-size:2rem}.profile-table td{font-size:1.3rem;font-weight:200}.profile-table p{color:#fff;margin:0;padding:0;font-size:1.2rem}.table-row{flex-direction:row;justify-content:center;align-items:center;display:flex}.table-row p{margin:0;padding:0 0 0 5px;font-weight:700}hr{border:0;border-top:.5px solid #444343;width:90%;margin:2.5rem 0 2rem}.input-upload{align-items:center;display:flex;position:relative}.upload-icon{color:#a7a7a8cb;cursor:pointer;font-size:35px;transition:all .3s;position:absolute;right:1px}.upload-icon:hover{opacity:.5}.input-upload input{width:-webkit-fill-available}.edit-name-input,.edit-url-input,.edit-body-input{font-size:22px;font-family:var(--font-sans);color:#a7a7a8cb;background:0 0;border:none;font-weight:100;transition:all .3s}.edit-name-input::placeholder,.edit-body-input::placeholder,.edit-url-input::placeholder{text-align:center;font-size:22px}.edit-name-input:focus,.edit-url-input:focus,.edit-body-input:focus{color:#9c9c9ccb;outline:none;box-shadow:inset 0 -2px 2px -2px #9c9c9cbd}.wrapper-menu{z-index:5;background:#00000074;border-radius:50%;justify-content:space-evenly;align-items:center;width:50px;height:50px;display:flex;position:relative}.popup-menu{cursor:pointer}.popup-menu:hover .linee1{color:#ffffff9a;width:10px;transform:translate(0)}.popup-menu:hover .linee1:before{width:0;transform:translate(0)}.popup-menu:hover .linee3{color:#ffffff9a;width:15px}.popup-menu:hover .linee3:after{content:"";background:#dcdbdb;width:3px;height:3px;transition:width .2s .1s;display:block;transform:translate(17px)}.linee{background:#dcdbdb;border-radius:5px;width:18px;height:3px;margin-top:3px;transition:all .2s}.linee1{width:15px;transform:translate(5px)}.linee1:before{content:"";background:#dcdbdb;width:3px;height:3px;transition:width .2s .1s,transform .2s;display:block;transform:translate(-5px)}.linee3:after{content:"";background:#dcdbdb;width:0;height:3px;transition:width .2s .1s;display:block;transform:translate(17px)}.linee3{width:13px}.nav-items{color:#fff;cursor:pointer;background:#00000081;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:10px;transition:transform .1s cubic-bezier(.23,-.47,.58,-.63);display:flex;position:absolute;top:0;left:0;transform:scale(0)}.nav-items:hover{color:#dbdada;transform:scale(1.1)}.items1{transition-delay:.2s;top:-3.5rem;left:4px}.items2{transition-delay:.1s;top:-7rem;left:4px}.show-menu{transition:transform .3s ease-in;transform:scale(1)}.tech-stack-icons{-webkit-backdrop-filter:blur(10px);border-radius:30px;width:950px;height:130px;margin:auto auto 50px;padding-top:30px;position:relative;overflow:hidden;box-shadow:0 0 20px 12px #fffefe1e}.tech-stack-icons:before,.tech-stack-icons:after{content:"";z-index:2;background:linear-gradient(90deg,#000000e6 0%,#0000 100%);width:150px;height:120px;position:absolute}.tech-stack-icons:after{top:0;right:0;transform:rotate(180deg)}.tech-stack-icons:before{top:0;left:0}.slide-track{width:3120px;animation:40s linear infinite scroll;display:flex}.slide{width:130px;height:100px;padding:0 15px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1560px)}}.devicon-react-original-wordmark,.devicon-jquery-plain-wordmark,.devicon-nodejs-plain,.devicon-express-original-wordmark,.devicon-css3-plain-wordmark,.devicon-tailwindcss-original-wordmark,.devicon-html5-plain-wordmark,.devicon-bootstrap-plain-wordmark,.devicon-mongodb-plain-wordmark,.devicon-postgresql-plain-wordmark,.devicon-webflow-original,.devicon-redux-original{font-size:75px}.link-footer{color:#f1f1f191;text-decoration:none}.spinner-container{justify-content:center;align-items:center;height:68vh;display:flex}.spinner{border:5px solid #fff;border-bottom-color:#0000;border-radius:50%;width:58px;height:58px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}