@font-face{font-family:Red Hats Display;src:url(/assets/RedHatDisplay-Medium-sxvQ77r0.ttf);font-weight:700;font-display:swap;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;font-family:Red Hats Display,sans-serif;transition:var(--default-transition)}#body{height:auto;width:100%}:root{--spotify-green: #11d13e;--play-one-header: hsla(0, 55%, 51%, .77);--play-two-header: hsla(0, 2%, 45%, .756);--play-three-header: hsla(194, 31%, 53%, .775);--play-one-song: hsla(0, 83%, 28%, .669);--play-two-song: hsla(150, 1%, 29%, .7);--play-three-song: hsl(193, 40%, 27%)}:root[data-theme=light]{--logo: invert(1);--primary-100: #1E2022;--primary-200: #34373b;--primary-300: #b6bbbf;--accent-100: #788189;--accent-200: #e1e4e6;--text-100: #1E2022;--text-200: #766c6c;--text-300: #6b6b6b;--bg-100: #F0F5F9;--bg-200: #C9D6DF;--bg-300: #bfc7d1;--link-hover: #f9f9f9;--switch-bg-icon: #ffd371;--muted-text: #b1b0b5;--icon-sun: #ee8e44;--icon-moon: #b7b7b7;--switch-pos: .25em;--change: #396ce2;--sun-display: block;--moon-display: none}:root[data-theme=dark]{--logo: invert(0);--primary-100: #a9a9a9;--primary-200: #808080;--primary-300: #696969;--accent-100: #c0c0c0;--accent-200: #d3d3d3;--text-100: #e1dfdd;--text-200: #817463;--text-300: #f9f9f9;--link-hover: #f9f9f9;--bg-100: #262626;--bg-200: #333333;--bg-300: #404040;--link-hover: #030303;--switch-bg-icon: #081d32;--muted-text: #77757E;--icon-sun: var(--muted-text);--icon-moon: #b7b7b7;--switch-pos: 2.7em;--change: #aa8b52;--sun-display: none;--moon-display: block;--task: #34373b}html{height:100dvh;font-size:100%;background-color:var(--bg-100);margin:auto;line-height:1.5em}header{display:flex;color:var(--text-100);width:100%;border-bottom:2px solid var(--text-100)}header a{width:40%}header img#logo{display:flex;margin:auto;width:60%}.name{display:flex;align-items:center;justify-content:center;text-align:right;margin:auto;font-size:1.2em}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--text-200);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}#logo:not(header #logo){width:2em;text-indent:-999em;background-size:contain;background-repeat:no-repeat;background-image:url(data:image/png;base64,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);font-size:3em;line-height:1.5em;margin-left:.5em}[data-theme=light] #logo{filter:invert(1)}[data-theme=light] #logo:hover,[data-theme=dark] #logo{filter:invert(0)}[data-theme=dark] #logo:hover{filter:invert(1)}#menu{padding:0;height:4em;margin:1em;display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-200);border-radius:30px}#menu ul{list-style:none;display:inline-flex;margin:0;padding:0}#menu ul li{margin:0 .5em;min-width:5em;display:flex;justify-content:center;align-items:center}a:not(header a){text-decoration:none;color:var(--text-100)}a:hover:not(.card a,.playlist-link,header a){text-decoration:none;color:var(--text-200)}#breadcrumb{display:block}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;position:absolute!important;overflow:hidden!important;white-space:nowrap!important;padding:0!important;margin:-1px!important}.ttt-intro{text-align:center;color:var(--text-100);padding:2em;font-size:1.2em}.ttt-intro p{margin:2em}#heading{text-align:center;width:100%;color:var(--text-100);padding:.5em}div#contacts{margin:2em auto;width:30%;background-color:var(--bg-200);border-radius:15px;max-width:50em;min-width:20em}#contact-list{display:flex;flex-direction:column;justify-content:center;align-items:center}#contatti{margin:auto;list-style:none;display:flex;flex-wrap:wrap;padding:2em}#contatti li{margin:auto;display:flex;flex-direction:row;justify-content:space-evenly;width:20%;padding:.5em}.icon{vertical-align:middle;fill:var(--text-100)}#contatti li:hover svg{fill:var(--text-200)}#contactMain{display:flex;justify-content:center;align-items:center;padding-bottom:5em}#headingForm{text-align:center;width:100%;color:var(--text-100);padding:1em}#form{width:30%;margin:2em auto;background-color:var(--bg-200);border-radius:15px;max-width:50em;min-width:20em}#contact-form{width:70%;margin:auto;max-width:500px;min-width:300px}#contact-form label{display:inline-block;margin:.5em;width:100%;color:var(--text-100)}#contact-form fieldset{border:none;text-align:center;display:block}#personal label{display:inline;margin:.5em;width:100%}#contact-form input,#contact-form textarea{display:block;width:90%;margin:auto;padding:.5em;border-radius:7px;border:1px solid var(--bg-100);background-color:var(--bg-100);color:var(--text-100);resize:none}#submit-form{padding:6em}#contact-form input::placeholder,#contact-form textarea::placeholder{margin:auto 0;color:var(--text-100);opacity:.85;text-align:center;z-index:-999}#contact-form input:focus,#contact-form textarea:focus{outline:none;border:1px solid var(--primary-100)}#contact-form input[type=submit]{width:50%;margin:2em auto;padding:.75em;border-radius:7px;border:1px solid var(--bg-100);background-color:var(--bg-100);color:var(--text-100);cursor:pointer}#contact-form input[type=submit]:hover{background-color:var(--text-200);color:var(--bg-100);outline:none;padding:.75em}#contact-form input[type=submit]:focus{background-color:var(--text-200);color:var(--text-100);outline:none;padding:.75em;border:1px solid var(--primary-100)}#theme-switcher{background-color:var(--bg-100);border-radius:50px;display:flex;align-items:center;gap:1em;cursor:pointer;padding:.5em;position:relative;transition:var(--default-transition)}#theme-switcher:before{content:"";position:absolute;width:2em;height:2em;background-color:var(--switch-bg-icon);border-radius:50px;z-index:0;left:0;transform:translate(var(--switch-pos));transition:var(--default-transition)}#theme-switcher svg{z-index:1;transition:var(--default-transition)}#sun{fill:var(--icon-sun)}#moon{fill:var(--icon-moon)}.active:not(#mobile .active){border-bottom:2px solid var(--text-200)}.active a:is(:active,:focus,:link,:visited){color:var(--text-200);font-size:large}#about-image img{width:2em;height:2em;object-fit:cover;border-radius:30px}h1.title{text-transform:uppercase;text-align:center;width:100%;color:var(--text-100);padding-top:.5em}#projects{display:grid;gap:2em;list-style:none;padding-top:1em;margin:2em;padding-bottom:3em;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (min-width: 1200px){#projects{grid-template-columns:repeat(4,1fr)}}.card{display:flex;flex-direction:column;justify-content:space-between;height:100%;border-radius:1em;background-color:var(--bg-200);box-shadow:5px 5px 5px #0000001a;padding:1em;text-align:center;color:var(--text-100);font-size:1em}#projects>li{display:flex}#projects>li>.card-container{flex:1;display:flex}#projects>li>.card-container>.card{flex:1}.card-desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card:hover{transform:scale(1.05);box-shadow:5px 5px 5px #0003}.profile-picture{width:60%;max-width:100%;height:auto;max-height:15em;margin:auto}.card .card-title{font-size:1.5em}.card-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column}.card-content>*{padding-bottom:1em;line-height:1.2em}.projectDetails img{width:70%;display:flex;margin:auto}.projectDetails p{width:90%;font-size:1em;text-align:justify;margin:auto;padding-bottom:2em;color:var(--text-100)}.projectDetails figcaption{text-align:center;color:var(--text-100);padding:1em}.projectDetails svg{display:flex;margin:1em auto}.detailsList h2{text-align:center;color:var(--text-100);font-size:1.6em;padding:1em}#bottom{width:100%;color:var(--text-100)}#footer-list{border-top:1px solid var(--primary-100);padding:1em;display:flex;flex-direction:column;text-align:center;list-style:none}#footer-list a{color:var(--text-200)}#home{text-align:center;color:var(--text-100)}#title{width:100%;font-size:5em;padding:1em;line-height:1em;text-align:center}#typewriter{font-size:2em;padding:1em;line-height:1em}#change{color:var(--change)}.description{line-height:1.3em;font-size:1.5em;padding:1em}.description a{color:var(--text-200)}.baord-container{text-align:center}.TicTac{margin:auto;color:var(--text-100);display:flex;align-items:center;justify-content:center;padding:2em}.reset{width:10em;height:3em;border:none;outline:none;cursor:pointer;border-radius:30px;background-color:var(--bg-200);color:var(--text-100);display:block;margin:5em auto}.reset:hover{background-color:var(--text-200);outline:none}.box{width:7em;height:7em;border:1px solid var(--bg-100);display:flex;cursor:pointer;border-radius:4px;background-color:var(--bg-200);margin:.25em}.board{display:flex;height:25em;width:25em;margin:auto;align-items:center;justify-content:center}.board-container{padding-bottom:5em}#about{margin:1em}.section{color:var(--text-100);text-align:center;padding:1em}.section a{border-bottom:1px solid var(--text-200);color:var(--text-200)}.section p{font-size:1.2em;line-height:1.5em}#offline{width:4em;height:4em;fill:#fff;display:flex;margin:auto}svg#song path{stroke:#fff;stroke-width:1.5;stroke-linecap:round}#song{display:flex;margin:0 2em}div#Now{color:#fff;display:flex;justify-content:center;align-items:center;padding:1em}#Now h2{padding-left:1em}.nowPlayingCard{background-color:#000;box-shadow:5px 5px 5px var(--primary-100);border:2px solid var(--primary-100);width:70%;margin:3em auto}.nowPlayingInfo{font-size:1.3em;display:flex;flex-direction:column}.nowPlayingImage img{width:30%;height:auto;display:flex;margin:auto}.progress{width:100%;display:flex;justify-content:center;align-items:center;margin:auto;padding:1em}.nowPlayingTime{text-align:center;padding-left:1em;color:#fff}.NowPlaying{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:1em}.NowPlaying a{color:#fff}.custom-progress-bar{width:60%;display:flex;border-radius:20px}.custom-progress-bar::-webkit-progress-bar{background-color:#ddd;border-radius:20px}.custom-progress-bar::-webkit-progress-value{background-color:var(--spotify-green);border-radius:20px}#playlist{padding-bottom:5em}ol.song-list{width:100%;padding:0}.song-list li:not(:last-child){border-bottom:1px solid white;border-right:1px solid white}.song-list-container{max-height:10em;overflow-y:auto;padding:0}.song-list-container::-webkit-scrollbar{width:10px}.song-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.song-list-container::-webkit-scrollbar-thumb:hover{background:#555}.song-details{display:flex;align-items:center}.song-cover{width:50px;height:50px;margin-right:10px}.song-list{list-style:decimal}.playlist-card{border:2px solid var(--accent-100);border-radius:15px;margin:1em;overflow:hidden}.playlist-header{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;border-top-left-radius:15px;border-top-right-radius:15px}.image-container{width:50%;height:auto}.playlist-details{width:50%}.image-container img{width:50%;margin:3em}#pl-7w6 .playlist-header{display:flex;background-color:var(--play-one-header);box-shadow:0 0 10px #000}#pl-7w6 .song-list-container{background-color:var(--play-one-song);box-shadow:inset 5px 5px 5px #0000001a}#pl-7uN .playlist-header{display:flex;background-color:var(--play-two-header);box-shadow:0 0 10px #000}#pl-7uN .song-list-container{background-color:var(--play-two-song);box-shadow:inset 5px 5px 5px #0000001a}#pl-3jH .playlist-header{display:flex;background-color:var(--play-three-header);box-shadow:0 0 10px #000}#pl-3jH .song-list-container{background-color:var(--play-three-song);box-shadow:inset 5px 5px 5px #0000001a}#mobile{display:block;width:100%;bottom:-1px;margin:auto;position:fixed;background:linear-gradient(to top right,var(--bg-100),var(--bg-200))}#mobile ul{padding:.8em 0;margin:auto;text-align:center;width:100%;display:flex;justify-content:space-around;align-items:center}#mobile li{display:inline-block;padding:0 1.5em}#mob-theme-switcher{background-color:var(--bg-100);border-radius:50%;display:flex;align-items:center;cursor:pointer;padding:.5em;position:relative;gap:1em}#mob-theme-switcher:before{content:"";position:absolute;width:80%;height:80%;background-color:var(--switch-bg-icon);border-radius:50%;z-index:0;left:0;transform:translate(.25em)}#mob-theme-switcher svg{z-index:1}#mob-theme-switcher #mobsun{fill:var(--icon-sun);display:var(--sun-display)}#mob-theme-switcher #mobmoon{fill:var(--icon-moon);display:var(--moon-display)}#mobile .active svg{fill:var(--text-200)}.center-div{margin:auto;display:flex;gap:.5em}.wrapper{display:flex;margin:auto;min-height:100vh;width:100%;align-items:center;overflow-x:auto}.addBtn{display:flex;gap:.5em;cursor:pointer;height:4em;width:12em;border-radius:10px;background-color:var(--bg-100);color:var(--text-100);outline:none;align-items:center;padding:1em}.addBtn:hover{background-color:var(--text-200)}.display-columns{display:flex;gap:.5em}.column{background-color:var(--bg-200);color:var(--text-100);height:25em;max-height:25em;width:20em;display:flex;flex-direction:column;border-radius:5px}.column svg{fill:var(--muted-text)}.column svg:hover{fill:var(--accent-100)}.col-content{display:flex;flex-grow:1;flex-direction:column;gap:.5em;overflow-x:hidden;overflow-y:auto;padding:.5em}.col-title{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--bg-100);font-size:medium;padding:.75em;height:3em;font-weight:700;cursor:grab;border-top-right-radius:5px;border-top-left-radius:5px;border:1px solid var(--accent-100)}.col-number{width:30px;height:30px;background-color:var(--bg-200);display:flex;align-items:center;justify-content:center;font-size:small;padding:.25em .5em;border-radius:50%}.test{gap:.5em;display:flex;align-items:center}.delete{background-color:var(--bg-100);border:none;cursor:pointer}.placeholder{opacity:60%;border:1px solid var(--play-one-header)}.title-input{height:2em;background-color:var(--bg-200);outline:none;border:1px solid var(--text-200);color:var(--text-100)}.add-task{display:flex;align-items:center;justify-content:left;border:none;padding:.2em;background-color:transparent;color:var(--text-100);cursor:pointer}.add-task:hover{color:#fff;background-color:var(--text-200)}.add-task:active{background-color:#000;color:var(--text-200)}.add-task svg{padding:.3em;fill:var(--text-100)}.add-task:hover svg{fill:var(--accent-200)}.add-task:active svg{fill:var(--text-200)}.task{background-color:var(--bg-100);height:5em;min-height:5em;padding:.625em;display:flex;align-items:center;text-align:left;border-radius:5px;position:relative;cursor:grab}.task:hover{border:1px solid var(--text-200)}.delete-task{position:absolute;right:1.5em;background-color:transparent}.task-text{height:90%;width:100%;resize:none;background-color:transparent;border:none;color:var(--text-100);font-size:1em}.task-text:focus{outline:none}.task-content{display:flex;height:100%;width:100%;white-space:pre-wrap;overflow-x:hidden;overflow-y:auto;margin:0 auto}.links{display:flex;margin:auto;align-items:center;justify-content:center;gap:2em}