.other-card{width:250px;background:#000;padding:10px;display:flex;flex-wrap:wrap;color:#d4d4d4;border-radius:15px;text-align:left;box-shadow:0 0 10px 5px #16a085b8}body.light .other-card{background:#c5c5c5;color:#000}.other-title{font-weight:600;font-size:1.1em}.other-tag__name{display:inline-block;color:#fff;font-size:1.1em;background-color:#16a085b8;padding:6px 23px 9px;border-radius:70em;margin:8px 6px 8px 0;position:relative;text-transform:lowercase;cursor:pointer;transition:all .3s ease-in-out}.other-tag__name:before{content:"";display:inline-block;position:absolute;top:40%;width:7px;height:7px;border-radius:50%;background:#554860}.other-tag__name:before{left:7px}.other-tag__name:after{right:7px}.other-tag__name:hover{transform:scale(1.1);background-color:#9c87c0}.sc-code-editor{max-width:300px;background-color:#000;box-shadow:0 4px 30px #00000080;border-radius:8px;padding:2px;text-align:justify;box-shadow:0 0 10px 5px #16a085b8}body.light .sc-code-editor{background-color:#fff;box-shadow:0 0 10px 5px #16a085b8}.sc-header{display:flex;align-items:center;justify-content:space-between;margin:10px}.sc-title{font-family:Lato,sans-serif;font-weight:900;font-size:14px;letter-spacing:1.57px;color:#d4d4d4}body.light .sc-title{color:#000}.sc-icon{width:20px;transition:.2s ease}.sc-curl{color:#fff!important}body.light .sc-curl{color:#000!important}.sc-icon:hover{cursor:pointer;border-radius:50px;background-color:#6e7281}.sc-editor-content{margin:0 10px 10px;color:#fff}.sc-property{margin-left:30px;margin-bottom:0}.sc-property:hover{cursor:text}.sc-editor-content .sc-color-0{color:#569cd6}.sc-editor-content .sc-color-1{color:#b6cea8}.sc-editor-content .sc-color-2{color:#9cdcfe}.sc-editor-content .sc-color-3{color:#cf9278}.sc-color-preview-1,.sc-color-preview-2{height:8px;width:8px;border:1px solid #fff;display:inline-block;margin-right:3px}.sc-color-preview-1{background-color:#1d1e22}.sc-color-preview-2{background-color:#16a085b8}.sc-color-preview-1{background-color:#00000080}.vi-card{font-family:monospace;margin-top:40px;margin-left:-5px;width:320px;height:530px;background:#000;border:2px solid #000;border-radius:15px;text-align:left;box-shadow:0 0 10px 5px #16a085b8}body.light .vi-card{background:#fff;color:#000}.vi-top{display:flex;justify-content:space-between;align-items:center;margin:10px}.vi-dots{display:flex;justify-content:last baseline}.vi-dot{width:15px;height:15px;border-radius:50%}.vi-dot-1{background-color:#0084ff}.vi-dot-2{background-color:#e600ff}.vi-dot-3{background-color:#00ff59}.vi-top p{font-size:20px;font-weight:700}.vi-dot,.vi-top p{margin:5px}.vi-g-color{color:#006400}.vi-bottom{margin-top:30px;padding:0 25px}.vi-code{font-size:15px}.vi-red{color:#d23f34}.vi-violet{color:#b528cb}.vi-blue{color:#5b83df}.vi-orange{color:#c38003}.vi-white{color:#a3a3a3}.vi-space-6{margin-left:65px}.vi-space-5{margin-left:25px}.vi-space-4{margin-left:15px}.vi-space-3{margin-left:5px}.vi-space-4x2{margin-left:70px}.theme-card{width:fit-content;border-radius:15px;background:#000;color:#fff;font-weight:600;padding:15px;display:flex;flex-direction:column;justify-content:space-between;text-align:justify;box-shadow:0 0 10px 5px #16a085b8}body.light .theme-card{background:#c5c5c5;color:#fff}.theme-switch{--toggle-size: 30px;--container-width: 5.625em;--container-height: 2.5em;--container-radius: 6.25em;--container-light-bg: #3D7EAE;--container-night-bg: #1D1F2C;--circle-container-diameter: 3.375em;--sun-moon-diameter: 2.125em;--sun-bg: #ECCA2F;--moon-bg: #C4C9D1;--spot-color: #959DB1;--circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);--stars-color: #fff;--clouds-color: #F3FDFF;--back-clouds-color: #AACADF;--transition: .5s cubic-bezier(0, -.02, .4, 1.25);--circle-transition: .3s cubic-bezier(0, -.02, .35, 1.17)}.theme-switch,.theme-switch *,.theme-switch *:before,.theme-switch *:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-size:var(--toggle-size)}.theme-switch__container{width:var(--container-width);height:var(--container-height);background-color:var(--container-light-bg);border-radius:var(--container-radius);overflow:hidden;cursor:pointer;-webkit-box-shadow:0em -.062em .062em rgba(0,0,0,.25),0em .062em .125em rgba(255,255,255,.94);box-shadow:0 -.062em .062em #00000040,0 .062em .125em #fffffff0;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);position:relative}.theme-switch__container:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;-webkit-box-shadow:0em .05em .187em rgba(0,0,0,.25) inset,0em .05em .187em rgba(0,0,0,.25) inset;box-shadow:0 .05em .187em #00000040 inset,0 .05em .187em #00000040 inset;border-radius:var(--container-radius)}.theme-switch__checkbox{display:none}.theme-switch__circle-container{width:var(--circle-container-diameter);height:var(--circle-container-diameter);background-color:#ffffff1a;position:absolute;left:var(--circle-container-offset);top:var(--circle-container-offset);border-radius:var(--container-radius);-webkit-box-shadow:inset 0 0 0 3.375em rgba(255,255,255,.1),inset 0 0 0 3.375em rgba(255,255,255,.1),0 0 0 .625em rgba(255,255,255,.1),0 0 0 1.25em rgba(255,255,255,.1);box-shadow:inset 0 0 0 3.375em #ffffff1a,inset 0 0 0 3.375em #ffffff1a,0 0 0 .625em #ffffff1a,0 0 0 1.25em #ffffff1a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:var(--circle-transition);-o-transition:var(--circle-transition);transition:var(--circle-transition);pointer-events:none}.theme-switch__sun-moon-container{pointer-events:auto;position:relative;z-index:2;width:var(--sun-moon-diameter);height:var(--sun-moon-diameter);margin:auto;border-radius:var(--container-radius);background-color:var(--sun-bg);-webkit-box-shadow:.062em .062em .062em 0em rgba(254,255,239,.61) inset,0em -.062em .062em 0em #a1872a inset;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #a1872a inset;-webkit-filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));filter:drop-shadow(.062em .125em .125em rgba(0,0,0,.25)) drop-shadow(0em .062em .125em rgba(0,0,0,.25));overflow:hidden;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.theme-switch__moon{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translate(100%);width:100%;height:100%;background-color:var(--moon-bg);border-radius:inherit;-webkit-box-shadow:.062em .062em .062em 0em rgba(254,255,239,.61) inset,0em -.062em .062em 0em #969696 inset;box-shadow:.062em .062em .062em #feffef9c inset,0 -.062em .062em #969696 inset;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);position:relative}.theme-switch__spot{position:absolute;top:.75em;left:.312em;width:.75em;height:.75em;border-radius:var(--container-radius);background-color:var(--spot-color);-webkit-box-shadow:0em .0312em .062em rgba(0,0,0,.25) inset;box-shadow:0 .0312em .062em #00000040 inset}.theme-switch__spot:nth-of-type(2){width:.375em;height:.375em;top:.937em;left:1.375em}.theme-switch__spot:nth-last-of-type(3){width:.25em;height:.25em;top:.312em;left:.812em}.theme-switch__clouds{width:1.25em;height:1.25em;background-color:var(--clouds-color);border-radius:var(--container-radius);position:absolute;bottom:-.625em;left:.312em;-webkit-box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0em var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);box-shadow:.937em .312em var(--clouds-color),-.312em -.312em var(--back-clouds-color),1.437em .375em var(--clouds-color),.5em -.125em var(--back-clouds-color),2.187em 0 var(--clouds-color),1.25em -.062em var(--back-clouds-color),2.937em .312em var(--clouds-color),2em -.312em var(--back-clouds-color),3.625em -.062em var(--clouds-color),2.625em 0 var(--back-clouds-color),4.5em -.312em var(--clouds-color),3.375em -.437em var(--back-clouds-color),4.625em -1.75em 0 .437em var(--clouds-color),4em -.625em var(--back-clouds-color),4.125em -2.125em 0 .437em var(--back-clouds-color);-webkit-transition:.5s cubic-bezier(0,-.02,.4,1.25);-o-transition:.5s cubic-bezier(0,-.02,.4,1.25);transition:.5s cubic-bezier(0,-.02,.4,1.25)}.theme-switch__stars-container{position:absolute;color:var(--stars-color);top:-100%;left:.312em;width:2.75em;height:auto;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}.theme-switch__checkbox:checked+.theme-switch__container{background-color:var(--container-night-bg)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter))}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__circle-container:hover{left:calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - .187em)}.theme-switch__circle-container:hover{left:calc(var(--circle-container-offset) + .187em)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__moon{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__clouds{bottom:-4.062em}.theme-switch__checkbox:checked+.theme-switch__container .theme-switch__stars-container{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.pg_card{padding:1rem;overflow:hidden;border:1px solid #c5c5c5;border-radius:12px;background-color:#d9d9d92f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 10px 5px #16a085b8}.pg_wrap{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:10;border:.5px solid #525252;border-radius:8px;overflow:hidden}.pg_terminal{display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pg_head{display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:40px;padding-inline:12px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#202425}body.light .pg_head{background-color:#c5c5c5}.pg_title{display:flex;align-items:center;gap:8px;height:2.5rem;-webkit-user-select:none;user-select:none;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8e8e8e}body.light .pg_title{color:#000}.pg_title>svg{height:18px;width:18px;margin-top:2px;color:#006adc}.pg_copy_toggle{display:flex;align-items:center;justify-content:center;padding:.25rem;border:.65px solid #c1c2c5;margin-left:auto;border-radius:6px;background-color:#202425;color:#8e8e8e;cursor:pointer}.pg_copy_toggle>svg{width:20px;height:20px}.pg_copy_toggle:active>svg>path,.pg_copy_toggle:focus-within>svg>path{animation:clipboard-check .5s linear forwards}.pg_body{display:flex;flex-direction:column;position:relative;border-bottom-right-radius:8px;border-bottom-left-radius:8px;overflow-x:auto;padding:1rem;line-height:19px;color:#fff;background-color:#000;white-space:nowrap}body.light .pg_body{color:#000;background-color:#fff}.pg_pre{display:flex;flex-direction:row;align-items:center;text-wrap:nowrap;white-space:pre;background-color:transparent;overflow:hidden;box-sizing:border-box;font-size:16px}.pg_pre code:nth-child(1){color:#575757}.pg_pre code:nth-child(2){color:#e34ba9}.pg_cmd{height:19px;position:relative;display:flex;align-items:center;flex-direction:row}.pg_cmd:before{content:attr(data-cmd);position:relative;display:block;white-space:nowrap;overflow:hidden;background-color:transparent;animation:inputs 8s steps(22) infinite}.pg_cmd:after{content:"";position:relative;display:block;height:100%;overflow:hidden;background-color:transparent;border-right:.15em solid #e34ba9;animation:cursor .5s step-end infinite alternate,blinking .5s infinite}@keyframes blinking{20%,80%{transform:scaleY(1)}50%{transform:scaleY(0)}}@keyframes cursor{50%{border-right-color:transparent}}@keyframes inputs{0%,to{width:0}10%,90%{width:30px}30%,70%{width:215px;max-width:max-content}}@keyframes clipboard-check{to{color:#fff;d:path("M 9 5 H 7 a 2 2 0 0 0 -2 2 v 12 a 2 2 0 0 0 2 2 h 10 a 2 2 0 0 0 2 -2 V 7 a 2 2 0 0 0 -2 -2 h -2 M 9 5 a 2 2 0 0 0 2 2 h 2 a 2 2 0 0 0 2 -2 M 9 5 a 2 2 0 0 1 2 -2 h 2 a 2 2 0 0 1 2 2 m -6 9 l 2 2 l 4 -4")}}.con-card{width:250px;border-radius:15px;background:#000;color:#fff;font-weight:600;padding:15px;display:flex;flex-direction:column;justify-content:space-between;text-align:justify;box-shadow:-5px 5px 10px #16a085b8}body.light .con-card{background:#c5c5c5;color:#000}.con-element{color:gray;font-size:.9em;padding:6px 15px;border-left:2px solid grey;cursor:pointer}.con-color-1{color:#b6cea8}body.light .con-color-1{color:#000}.con-active{background-color:#16a085b8;border-left:2px solid #16a085b8;color:azure}.con-element:hover:not(.con-active){color:#16a085b8}.work-card{position:relative;width:300px;height:200px;background-color:#f2f2f2;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;box-shadow:0 0 10px 5px #16a085b8;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.work-card img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;z-index:1}.work-card svg{width:48px;fill:#333;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.work-card:hover{transform:scale(1.05);box-shadow:0 8px 16px #fff3}.work-card__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#f2f2f2f2;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275);z-index:2}.work-card:hover .work-card__content{transform:rotateX(0)}.work-card__title{margin:0;font-size:24px;color:#333;font-weight:700}.work-card:hover svg{scale:0}.work-card__description{margin:10px 0 0;font-size:14px;color:#777;line-height:1.4}.jc-cards{display:grid;grid-template-columns:repeat(2,140px);grid-template-rows:repeat(2,100px);grid-template-areas:"a b" "c b";gap:15px}.jc-red{background-color:#b6cea8cc;grid-area:a;box-shadow:0 0 10px 5px #16a085b8}.jc-blue{background-color:#0c0c0c9e;grid-area:b;box-shadow:0 0 10px 5px #16a085b8}.jc-green{background-color:#bc8acfb8;grid-area:c;box-shadow:0 0 10px 5px #16a085b8}.jc-card{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;height:100%;width:100%;border-radius:5px;color:#fff;cursor:pointer;transition:.4s}.jc-cards .jc-card p.jc-tip{font-size:1em;font-weight:700}.jc-cards .jc-card p.jc-second-text{font-size:.8em}.jc-cards .jc-card:hover{transform:scale(1.1);box-shadow:0 10px 20px #4444}.jc-cards:hover>.jc-card:not(:hover){filter:blur(4px);transform:scale(.9)}.portfolio_container{height:294px;width:250px;color:#16a085;perspective:800px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.segment_card_container{width:100%}.portolio_grid{margin-top:-5rem!important;width:70%}.portolio_grid_col{text-align:-webkit-center!important}@media only screen and (max-width: 768px){.portolio_grid{margin-top:0!important}}.portfolio_card{width:100%;height:100%;background:#000;border-radius:2rem;position:relative;transition:transform 1.5s;transform-style:preserve-3d}body.light .portfolio_card{background:#c5c5c5}.portfolio_card-top{display:flex;align-items:center;justify-content:center;height:10%;position:absolute;width:50%;background-color:transparent;border:2px solid #16a085b8;top:0;border-top:none;border-radius:0 0 1rem 1rem;box-shadow:0 0 10px 5px #16a085b8}.portfolio_card-top-para{font-size:16px;font-weight:700}.portfolio_container:hover>.portfolio_card{cursor:pointer;transform:rotateX(180deg) rotate(-180deg)}.portfolio_front,.portfolio_back{height:100%;width:100%;border-radius:2rem;box-shadow:0 0 10px 5px #16a085b8;position:absolute;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.portfolio_back{background-color:#000;transform:rotateX(180deg) rotate(-180deg)}body.light .portfolio_back{background-color:#c5c5c5}.portfolio_heading{font-size:22px;font-weight:700}.portfolio_follow{font-size:16px;font-weight:500}.portfolio_icons{display:flex;flex-direction:row;gap:20px;margin-top:20px}.my-masonry-grid{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-60px;width:auto}.my-masonry-grid_column{padding-left:30px;background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:30px}@media (max-width: 800px){.my-masonry-grid{margin-left:-15px}.my-masonry-grid_column{padding-left:15px}.my-masonry-grid_column>div{margin-bottom:15px}}.temp-card{position:relative;width:250px;height:180px;border-radius:20px;overflow:hidden;background-color:#fff;box-shadow:0 0 10px 5px #16a085b8}.temp-landscape-section{position:relative;width:100%;height:100%;overflow:hidden}.temp-landscape-section *{position:absolute}.temp-sky{width:100%;height:100%;background:#16a085;background:linear-gradient(0deg,#16a085,#4183aa)}.temp-moon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;bottom:40%;left:23%;filter:drop-shadow(0px 0px 10px white)}.temp-shine-1{width:134%;height:134%;border-radius:50%;background-color:#b6ebe7;opacity:.3}.temp-shine-2{display:flex;align-items:center;justify-content:center;width:118%;height:118%;border-radius:50%;background-color:#b6e8eb}.temp-moon-shape{position:absolute;width:100%;height:100%;border-radius:50%;top:-25%;right:-25%;background-color:#b6e8eb}.temp-real-moon{position:absolute;width:100%;height:100%;border-radius:50%;background-color:#fff;overflow:hidden}.temp-ocean{overflow:hidden;bottom:0;width:100%;height:28%;background:#8ce8e1;background:linear-gradient(0deg,#8ce8e1,#8de9dd)}.temp-reflection{position:absolute;background-color:#fff;opacity:.5;z-index:1}.temp-reflection:nth-child(1){width:40px;height:10px;clip-path:polygon(0% 0%,100% 0%,50% 20%);top:5%;left:32%}.temp-reflection:nth-child(2){width:80px;height:15px;clip-path:polygon(0% 0%,100% 0%,60% 20%,40% 20%);top:15%;left:39%}.temp-reflection:nth-child(3){width:60px;height:2px;clip-path:polygon(0% 50%,40% 0%,60% 0%,100% 50%,60% 100%,40% 100%);top:27%;right:15%}.temp-reflection:nth-child(4){width:70px;height:2px;clip-path:polygon(0% 50%,40% 0%,60% 0%,100% 50%,60% 100%,40% 100%);top:37%;right:28%}.temp-reflection:nth-child(5){width:70px;height:3px;clip-path:polygon(0% 50%,40% 0%,60% 0%,100% 50%,60% 100%,40% 100%);top:46%;right:8%}.temp-hill-1{right:-25%;bottom:20%;width:150px;height:40px;border-radius:50%;background-color:#4bcacc}.temp-shadow-hill-1{right:-25%;top:-30%;width:150px;height:40px;border-radius:50%;background-color:#88d8d7;opacity:1}.temp-hill-2{right:-36%;bottom:10%;width:150px;height:80px;border-radius:50%;background-color:#3f85a8}.temp-shadow-hill-2{right:-36%;top:-65%;width:150px;height:80px;border-radius:50%;background-color:#73c8cf;opacity:1}.temp-hill-3{left:-100%;bottom:-30%;width:350px;height:150px;border-radius:50%;background-color:#47567f;z-index:3}.temp-tree-1{bottom:17%;left:3%;width:50px;height:70px;z-index:3}.temp-tree-2{bottom:7%;left:16%;width:50px;height:70px;z-index:3}.temp-hill-4{right:-100%;bottom:-40%;width:350px;height:150px;border-radius:50%;background-color:#4a4973;z-index:3}.temp-tree-3{bottom:10%;right:1%;width:65px;height:80px;z-index:3}.temp-filter{height:100%;width:100%;background:linear-gradient(0deg,#fff,#fff0 40%);z-index:5;opacity:.2}.temp-content-section{width:100%;height:30%;display:flex;flex-direction:column;align-items:center}.temp-weather-info{display:flex;align-items:center;justify-content:space-around;position:absolute;text-align:center;top:0;right:0%;width:100%;height:100%;padding-top:15px;color:#fff;z-index:10}.temp-weather-info .temp-left-side:not(.temp-icon){width:20%;font-size:11pt;font-weight:600;align-self:baseline}.temp-icon{display:flex;align-items:center;justify-content:center}.temp-icon svg{width:40px}a svg{color:#16a085b8}.temp-weather-info .right-side{display:flex;flex-direction:column;align-items:flex-end}.temp-weather-info .temp-right-side p:nth-child(2){font-size:9pt;margin:0;padding:0}.temp-weather-info .temp-location span{font-size:11pt;font-weight:700;text-transform:uppercase}.temp-location{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:0;margin:0}.temp-location svg{width:14px;height:auto}.temp-temperature{font-size:20pt;font-weight:700;line-height:30px}.temp-forecast{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%;width:100%;padding:10px 25px}.temp-forecast>div{width:100%;display:flex;align-items:center;justify-content:space-between;color:#789;font-size:9pt}.temp-separator{width:100%;height:2px;background-color:#e9e9e9;border-radius:1px}.temp-light-card{position:relative;width:250px;height:180px;border-radius:20px;overflow:hidden;background-color:#fff;box-shadow:0 0 10px 5px #16a085b8}.temp-light-landscape-section{position:relative;width:100%;height:100%;overflow:hidden}.temp-light-landscape-section *{position:absolute}.temp-light-sky{width:100%;height:100%;background:#f7e157;background:linear-gradient(0deg,#f7e157,#e96594)}.temp-light-sun{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background-color:#fff;bottom:40%;left:23%;filter:drop-shadow(0px 0px 10px white)}.temp-light-sun:after{position:absolute;content:"";width:118%;height:118%;border-radius:50%;background-color:#fff;opacity:.5}.temp-light-sun:before{position:absolute;content:"";width:134%;height:134%;border-radius:50%;background-color:#fff;opacity:.1}.temp-light-ocean{overflow:hidden;bottom:0;width:100%;height:28%;background:#f1c07d;background:linear-gradient(0deg,#f1c07d,#f7da96)}.temp-light-reflection{position:absolute;background-color:#fff;opacity:.5;z-index:1}.temp-light-reflection:nth-child(1){width:40px;height:10px;clip-path:polygon(0% 0%,100% 0%,50% 20%);top:5%;left:32%}.temp-light-reflection:nth-child(2){width:80px;height:15px;clip-path:polygon(0% 0%,100% 0%,60% 20%,40% 20%);top:15%;left:39%}.temp-light-reflection:nth-child(3){width:60px;height:2px;clip-path:polygon(0% 50%,40% 0%,60% 0%,100% 50%,60% 100%,40% 100%);top:27%;right:15%}.temp-light-reflection:nth-child(4){width:70px;height:2px;clip-path:polygon(0% 50%,40% 0%,60% 0%,100% 50%,60% 100%,40% 100%);top:37%;right:28%}.temp-light-reflection:nth-child(5){width:70px;height:3px;clip-path:polygon(0% 50%,40% 0%,60% 0%,100% 50%,60% 100%,40% 100%);top:46%;right:8%}.temp-light-hill-1{right:-25%;bottom:20%;width:150px;height:40px;border-radius:50%;background-color:#e6b29d}.temp-light-shadow-hill-1{right:-25%;top:-30%;width:150px;height:40px;border-radius:50%;background-color:#f1c7a0;opacity:1}.temp-light-hill-2{right:-36%;bottom:10%;width:150px;height:80px;border-radius:50%;background-color:#c29182}.temp-light-shadow-hill-2{right:-36%;top:-65%;width:150px;height:80px;border-radius:50%;background-color:#e5bb96;opacity:1}.temp-light-hill-3{left:-100%;bottom:-28%;width:350px;height:150px;border-radius:50%;background-color:#b77873;z-index:3}.temp-light-tree-1{bottom:19%;left:3%;width:50px;height:70px;z-index:3}.temp-light-tree-2{bottom:8%;left:16%;width:50px;height:70px;z-index:3}.temp-light-hill-4{right:-100%;bottom:-40%;width:350px;height:150px;border-radius:50%;background-color:#a16773;z-index:3}.temp-light-tree-3{bottom:10%;right:1%;width:65px;height:80px;z-index:3}.temp-light-filter{height:100%;width:100%;background:linear-gradient(0deg,#fff,#fff0 40%);z-index:5;opacity:.2}.temp-light-content-section{width:100%;height:30%;display:flex;flex-direction:column;align-items:center}.temp-light-weather-info{display:flex;align-items:center;justify-content:space-around;position:absolute;text-align:center;top:0;right:0%;width:100%;height:100%;padding-top:15px;color:#fff;z-index:10}.temp-light-weather-info .temp-light-left-side:not(.temp-light-icon){width:20%;font-size:11pt;font-weight:600;align-self:baseline}.temp-light-icon{display:flex;align-items:center;justify-content:center}.temp-light-icon svg{width:40px}.temp-light-weather-info .right-side{display:flex;flex-direction:column;align-items:flex-end}.temp-light-weather-info .temp-light-right-side p:nth-child(2){font-size:9pt;margin:0;padding:0}.temp-light-weather-info .temp-light-location span{font-size:11pt;font-weight:700;text-transform:uppercase}.temp-light-location{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:0;margin:0}.temp-light-location svg{width:14px;height:auto}.temp-light-temperature{font-size:20pt;font-weight:700;line-height:30px}.temp-light-forecast{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;height:100%;width:100%;padding:10px 25px}.temp-light-forecast>div{width:100%;display:flex;align-items:center;justify-content:space-between;color:#789;font-size:9pt}.temp-light-separator{width:100%;height:2px;background-color:#e9e9e9;border-radius:1px}