@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap");.markdown-body .octicon{display:inline-block;fill:currentColor;vertical-align:text-bottom}.markdown-body .anchor{float:left;line-height:1;margin-left:-20px;padding-right:4px}.markdown-body .anchor:focus{outline:none}.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link{color:#1b1f23;vertical-align:middle;visibility:hidden}.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor{text-decoration:none}.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link{visibility:visible}.markdown-body h1:hover .anchor .octicon-link:before,.markdown-body h2:hover .anchor .octicon-link:before,.markdown-body h3:hover .anchor .octicon-link:before,.markdown-body h4:hover .anchor .octicon-link:before,.markdown-body h5:hover .anchor .octicon-link:before,.markdown-body h6:hover .anchor .octicon-link:before{width:16px;height:16px;content:' ';display:inline-block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E")}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;color:#24292e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;line-height:1.5;word-wrap:break-word}.markdown-body details{display:block}.markdown-body summary{display:list-item}.markdown-body a{background-color:initial}.markdown-body a:active,.markdown-body a:hover{outline-width:0}.markdown-body strong{font-weight:inherit;font-weight:bolder}.markdown-body h1{font-size:2em;margin:.67em 0}.markdown-body img{border-style:none}.markdown-body code,.markdown-body kbd,.markdown-body pre{font-family:monospace,monospace;font-size:1em}.markdown-body hr{box-sizing:initial;height:0;overflow:visible}.markdown-body input{font:inherit;margin:0}.markdown-body input{overflow:visible}.markdown-body [type=checkbox]{box-sizing:border-box;padding:0}.markdown-body *{box-sizing:border-box}.markdown-body input{font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body a{color:#0366d6;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body hr{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #dfe2e5}.markdown-body hr:after,.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{clear:both}.markdown-body table{border-spacing:0;border-collapse:collapse}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:1px solid #d1d5da;border-radius:3px;box-shadow:inset 0 -1px 0 #d1d5da}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:0;margin-bottom:0}.markdown-body h1{font-size:32px}.markdown-body h1,.markdown-body h2{font-weight:600}.markdown-body h2{font-size:24px}.markdown-body h3{font-size:20px}.markdown-body h3,.markdown-body h4{font-weight:600}.markdown-body h4{font-size:16px}.markdown-body h5{font-size:14px}.markdown-body h5,.markdown-body h6{font-weight:600}.markdown-body h6{font-size:12px}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0}.markdown-body ol,.markdown-body ul{padding-left:0;margin-top:0;margin-bottom:0}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ol ol ol,.markdown-body ol ul ol,.markdown-body ul ol ol,.markdown-body ul ul ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body code,.markdown-body pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px}.markdown-body pre{margin-top:0;margin-bottom:0}.markdown-body input::-webkit-inner-spin-button,.markdown-body input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.markdown-body :checked+.radio-label{position:relative;z-index:1;border-color:#0366d6}.markdown-body .border{border:1px solid #e1e4e8 !important}.markdown-body .border-0{border:0 !important}.markdown-body .border-bottom{border-bottom:1px solid #e1e4e8 !important}.markdown-body .rounded-1{border-radius:3px !important}.markdown-body .bg-white{background-color:#fff !important}.markdown-body .bg-gray-light{background-color:#fafbfc !important}.markdown-body .text-gray-light{color:#6a737d !important}.markdown-body .mb-0{margin-bottom:0 !important}.markdown-body .my-2{margin-top:8px !important;margin-bottom:8px !important}.markdown-body .pl-0{padding-left:0 !important}.markdown-body .py-0{padding-top:0 !important;padding-bottom:0 !important}.markdown-body .pl-1{padding-left:4px !important}.markdown-body .pl-2{padding-left:8px !important}.markdown-body .py-2{padding-top:8px !important;padding-bottom:8px !important}.markdown-body .pl-3,.markdown-body .px-3{padding-left:16px !important}.markdown-body .px-3{padding-right:16px !important}.markdown-body .pl-4{padding-left:24px !important}.markdown-body .pl-5{padding-left:32px !important}.markdown-body .pl-6{padding-left:40px !important}.markdown-body .f6{font-size:12px !important}.markdown-body .lh-condensed{line-height:1.25 !important}.markdown-body .text-bold{font-weight:600 !important}.markdown-body .pl-c{color:#6a737d}.markdown-body .pl-c1,.markdown-body .pl-s .pl-v{color:#005cc5}.markdown-body .pl-e,.markdown-body .pl-en{color:#6f42c1}.markdown-body .pl-s .pl-s1,.markdown-body .pl-smi{color:#24292e}.markdown-body .pl-ent{color:#22863a}.markdown-body .pl-k{color:#d73a49}.markdown-body .pl-pds,.markdown-body .pl-s,.markdown-body .pl-s .pl-pse .pl-s1,.markdown-body .pl-sr,.markdown-body .pl-sr .pl-cce,.markdown-body .pl-sr .pl-sra,.markdown-body .pl-sr .pl-sre{color:#032f62}.markdown-body .pl-smw,.markdown-body .pl-v{color:#e36209}.markdown-body .pl-bu{color:#b31d28}.markdown-body .pl-ii{color:#fafbfc;background-color:#b31d28}.markdown-body .pl-c2{color:#fafbfc;background-color:#d73a49}.markdown-body .pl-c2:before{content:"^M"}.markdown-body .pl-sr .pl-cce{font-weight:700;color:#22863a}.markdown-body .pl-ml{color:#735c0f}.markdown-body .pl-mh,.markdown-body .pl-mh .pl-en,.markdown-body .pl-ms{font-weight:700;color:#005cc5}.markdown-body .pl-mi{font-style:italic;color:#24292e}.markdown-body .pl-mb{font-weight:700;color:#24292e}.markdown-body .pl-md{color:#b31d28;background-color:#ffeef0}.markdown-body .pl-mi1{color:#22863a;background-color:#f0fff4}.markdown-body .pl-mc{color:#e36209;background-color:#ffebda}.markdown-body .pl-mi2{color:#f6f8fa;background-color:#005cc5}.markdown-body .pl-mdr{font-weight:700;color:#6f42c1}.markdown-body .pl-ba{color:#586069}.markdown-body .pl-sg{color:#959da5}.markdown-body .pl-corl{text-decoration:underline;color:#032f62}.markdown-body .mb-0{margin-bottom:0 !important}.markdown-body .my-2{margin-bottom:8px !important}.markdown-body .my-2{margin-top:8px !important}.markdown-body .pl-0{padding-left:0 !important}.markdown-body .py-0{padding-top:0 !important;padding-bottom:0 !important}.markdown-body .pl-1{padding-left:4px !important}.markdown-body .pl-2{padding-left:8px !important}.markdown-body .py-2{padding-top:8px !important;padding-bottom:8px !important}.markdown-body .pl-3{padding-left:16px !important}.markdown-body .pl-4{padding-left:24px !important}.markdown-body .pl-5{padding-left:32px !important}.markdown-body .pl-6{padding-left:40px !important}.markdown-body .pl-7{padding-left:48px !important}.markdown-body .pl-8{padding-left:64px !important}.markdown-body .pl-9{padding-left:80px !important}.markdown-body .pl-10{padding-left:96px !important}.markdown-body .pl-11{padding-left:112px !important}.markdown-body .pl-12{padding-left:128px !important}.markdown-body hr{border-bottom-color:#eee}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:10px;color:#444d56;vertical-align:middle;background-color:#fafbfc;border:1px solid #d1d5da;border-radius:3px;box-shadow:inset 0 -1px 0 #d1d5da}.markdown-body:after,.markdown-body:before{display:table;content:""}.markdown-body:after{clear:both}.markdown-body>:first-child{margin-top:0 !important}.markdown-body>:last-child{margin-bottom:0 !important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body blockquote,.markdown-body details,.markdown-body dl,.markdown-body ol,.markdown-body p,.markdown-body pre,.markdown-body table,.markdown-body ul{margin-top:0;margin-bottom:16px}.markdown-body hr{height:.25em;padding:0;margin:24px 0;background-color:#e1e4e8;border:0}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{font-size:2em}.markdown-body h2{padding-bottom:.3em;border-bottom:1px solid #eaecef}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{font-size:.85em;color:#6a737d}.markdown-body ol,.markdown-body ul{padding-left:2em}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-top:0;margin-bottom:0}.markdown-body li{word-wrap:break-all}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:600}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table{display:block;width:100%;overflow:auto}.markdown-body table th{font-weight:600}.markdown-body table td,.markdown-body table th{padding:6px 13px;border:1px solid #dfe2e5}.markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.markdown-body img{max-width:100%;box-sizing:initial;background-color:#fff}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:rgba(27,31,35,0.05);border-radius:3px}.markdown-body pre{word-wrap:normal}.markdown-body pre>code{padding:0;margin:0;font-size:100%;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body .highlight{margin-bottom:16px}.markdown-body .highlight pre{margin-bottom:0;word-break:normal}.markdown-body .highlight pre,.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.markdown-body pre code{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:initial;border:0}.markdown-body .commit-tease-sha{display:inline-block;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:90%;color:#444d56}.markdown-body .full-commit .btn-outline:not(:disabled):hover{color:#005cc5;border-color:#005cc5}.markdown-body .blob-wrapper{overflow-x:auto;overflow-y:hidden}.markdown-body .blob-wrapper-embedded{max-height:240px;overflow-y:auto}.markdown-body .blob-num{width:1%;min-width:50px;padding-right:10px;padding-left:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:20px;color:rgba(27,31,35,0.3);text-align:right;white-space:nowrap;vertical-align:top;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.markdown-body .blob-num:hover{color:rgba(27,31,35,0.6)}.markdown-body .blob-num:before{content:attr(data-line-number)}.markdown-body .blob-code{position:relative;padding-right:10px;padding-left:10px;line-height:20px;vertical-align:top}.markdown-body .blob-code-inner{overflow:visible;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#24292e;word-wrap:normal;white-space:pre}.markdown-body .pl-token.active,.markdown-body .pl-token:hover{cursor:pointer;background:#ffea7f}.markdown-body .tab-size[data-tab-size="1"]{-moz-tab-size:1;tab-size:1}.markdown-body .tab-size[data-tab-size="2"]{-moz-tab-size:2;tab-size:2}.markdown-body .tab-size[data-tab-size="3"]{-moz-tab-size:3;tab-size:3}.markdown-body .tab-size[data-tab-size="4"]{-moz-tab-size:4;tab-size:4}.markdown-body .tab-size[data-tab-size="5"]{-moz-tab-size:5;tab-size:5}.markdown-body .tab-size[data-tab-size="6"]{-moz-tab-size:6;tab-size:6}.markdown-body .tab-size[data-tab-size="7"]{-moz-tab-size:7;tab-size:7}.markdown-body .tab-size[data-tab-size="8"]{-moz-tab-size:8;tab-size:8}.markdown-body .tab-size[data-tab-size="9"]{-moz-tab-size:9;tab-size:9}.markdown-body .tab-size[data-tab-size="10"]{-moz-tab-size:10;tab-size:10}.markdown-body .tab-size[data-tab-size="11"]{-moz-tab-size:11;tab-size:11}.markdown-body .tab-size[data-tab-size="12"]{-moz-tab-size:12;tab-size:12}.markdown-body .task-list-item{list-style-type:none}.markdown-body .task-list-item+.task-list-item{margin-top:3px}.markdown-body .task-list-item input{margin:0 .2em .25em -1.6em;vertical-align:middle}.highlight .hll{background-color:#ffc}.highlight .c{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold;font-style:italic}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .gd{color:#000000;background-color:#fdd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:purple}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000000;font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d01040}.highlight .sc{color:#d01040}.highlight .sd{color:#d01040}.highlight .s2{color:#d01040}.highlight .se{color:#d01040}.highlight .sh{color:#d01040}.highlight .si{color:#d01040}.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}i.fa-solid,i.fas,i.fab{position:relative;vertical-align:middle}.fa-twitter{color:#222}.fa-envelope{color:#222}.fa-envelope:hover{color:#666}.fa-twitter:hover{color:#666}.fa-music{color:#222}.fa-music:hover{color:#666}.fa-home{color:#222}.fa-home:hover{color:#666}body{margin:60px auto;width:60%;font-family:"Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;font-weight:300;background:#FCFCFC}nav{float:right}nav ul{font-family:'Roboto', sans-serif;font-size:1.8em;padding:0px;list-style:none;font-weight:bold}nav ul li{display:inline;margin-right:20px}nav ul li a:hover{color:#666}footer{font-size:.8em}footer ul{font-family:'Roboto', sans-serif;padding:0px;list-style:none;font-weight:bold}footer ul li{display:inline;margin-right:20px}a{text-decoration:none;color:#027bff;text-align:center}a:hover{text-decoration:underline;color:#0056b3}.tria h1{font-size:2.8em;font-family:'Arial', sans-serif;font-weight:600;letter-spacing:-.1rem}.tria h2{font-size:2.0em;font-weight:600;font-family:'Arial', sans-serif}h3{font-size:1.6em;font-family:'Arial', sans-serif}h4 span{background-color:#FCFCFC;padding-left:5px;padding-right:5px}p{font-size:1.3em;font-family:'Arial', sans-serif;line-height:1.4em;color:#333}ul.posts{margin:20px auto 40px;font-size:1.5em}ul.posts li{list-style:none}.markdown-body h1{font-size:64px;margin:.67em 0}.markdown-body h2{font-size:32px;margin:.67em 0}.markdown-body table{margin-left:auto;margin-right:auto;width:50%;text-align:center;display:table}.grid-container{display:grid}.img-project{width:100px;height:100px;min-width:100px;min-height:100px;border-radius:5%;background-clip:padding-box;margin-left:auto;border:1px solid #6c757d;background-size:cover;background-position:center center}.arrow-down{color:#222;width:50px;height:30px;display:flex;alignment:center;margin:auto;transform:rotate(90deg) scale(0.4)}.arrow-down:before{content:"";background:currentColor;width:15px;clip-path:polygon(0 10px, calc(100% - 15px) 10px, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, calc(100% - 15px) calc(100% - 10px), 0 calc(100% - 10px));animation:a1 2.5s forwards;animation-delay:1s}.arrow-down-big{color:#222;width:200px;padding-left:150px;height:30px;display:flex;alignment:center;margin:auto;transform:rotate(90deg) scale(0.4)}.arrow-down-big:before{content:"";background:currentColor;width:15px;clip-path:polygon(0 10px, calc(100% - 15px) 10px, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, calc(100% - 15px) calc(100% - 10px), 0 calc(100% - 10px));animation:a1 2.5s forwards}@keyframes a1{90%,100%{flex-grow:1}}.music-container{width:400px;alignment:center;background-color:#FCFCFC;border-radius:15px;display:flex;padding:20px 30px;position:relative;margin:0 auto;z-index:99;border:1px solid black;opacity:1}.img-container{position:relative;width:120px}.img-container img{width:inherit;height:120px;border-radius:50%;object-fit:cover;position:absolute;bottom:0;left:0;border:1px solid black;animation:rotate 30s linear infinite;animation-play-state:paused}.music-container.play .img-container img{animation-play-state:running}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.navigation{display:flex;align-items:center;justify-content:center;z-index:-1}.action-btn{background:#FCFCFC;border:0;color:#027bff;font-size:20px;cursor:pointer;padding:10px;margin:0 20px}.action-btn-big{background:#FCFCFC;border:0;color:#027bff;font-size:30px;cursor:pointer;padding:10px;margin:0 20px}.action-button:focus{outline:0}.action-button-big:focus{outline:0}.music-filler{background:#FCFCFC;border-radius:15px 15px 0 0;position:absolute;top:0;width:calc(100% - 215px);height:73px;vertical-align:middle;opacity:1.0;padding:10px 20px 10px 135px;z-index:-1}.music-info{background:linear-gradient(45deg, #333 5%, transparent 5%, transparent 50%, #333 50%, #333 55%, transparent 55%, transparent);background-size:6px 6px;border-radius:15px 15px 0 0;position:absolute;top:0;width:calc(100% - 215px);opacity:0.0;transform:translateY(0%);padding:10px 20px 10px 135px;transition:transform 0.3s ease-in, opacity 0.3s ease-in;z-index:-100}.music-container.play .music-info{opacity:1;transform:translateY(-101.5%);background:linear-gradient(45deg, #333 5%, transparent 5%, transparent 50%, #333 50%, #333 55%, transparent 55%, transparent);background-size:6px 6px}input[type='checkbox']{display:none}.lbl-text{position:relative;top:50%;vertical-align:middle;transform:translateY(-50%)}.project-header{font-weight:550;font-family:'Roboto', sans-serif;font-size:1.6rem;text-align:left;display:flex;align-items:center;margin-bottom:10px;color:#222;background-color:transparent;border-radius:7px;transition:all 0.25s ease-out}.project-header span{background-color:transparent}.project-content{text-align:justify;font-family:Arial, sans-serif;font-size:0.8rem;line-height:1.6}.project-content p{color:#6c757d}.tria hr{border:none;height:1px;background-color:black;margin:20px 0}.project-content a{color:#027bff;padding:4px 0;transition:background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;margin-bottom:8px;display:inline-block;font-size:1em;text-align:left}.project-content a:hover,.project-content a:focus{color:#0056b3}.copy-link{text-decoration:none;color:#555555;padding:4px 8px;border-radius:4px;position:relative;transition:background-color 0.3s ease, color 0.3s ease;cursor:pointer}.copy-link:hover{color:#333333}.copy-link.copied::before{content:"Copied!";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0056b3;color:#fff;border-radius:4px;opacity:1;transition:opacity 0.2s ease}.copy-link::before{opacity:0;pointer-events:none}.copy-link.copied::before{animation:fadeOut 1.2s forwards ease-out}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.lbl-toggle{font-weight:400;font-family:'Roboto', sans-serif;font-size:1.4rem;text-transform:uppercase;text-align:left;display:flex;align-items:center;padding:1rem;color:#222;background:#FCFCFC;cursor:pointer;border-radius:7px;transition:all 0.25s ease-out}.lbl-toggle:hover{color:#666}.lbl-toggle::before{content:' ';display:inline-block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid currentColor;vertical-align:middle;margin-right:.7rem;transform:translateY(-2px);transition:transform .2s ease-out}.collapsible-content .content-inner{background:rgba(248,248,248,0.6);width:97%;text-align:justify;border-bottom-left-radius:7px;border-bottom-right-radius:7px;padding:.5rem 1rem;margin:0 auto}.collapsible-content{max-height:0px;overflow:hidden;display:inline-block;transition:max-height .25s ease-in-out, display .5s ease-in-out}.toggle:checked+.lbl-toggle+.collapsible-content{max-height:100vh;display:table}.toggle:checked+.lbl-toggle::before{transform:rotate(90deg) translateX(-3px)}.toggle:checked+.lbl-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}body{margin:20px auto;width:90%;font-size:1em}@media (max-width: 768px){body{width:95%}h1{font-size:2em}p{font-size:1.1em}.project-display{display:block;margin-bottom:20px}.img-project{width:100px;height:100px;margin-bottom:10px}.project-content-wrapper{margin-top:10px}.project-content a{font-size:1em;padding:6px 0}.project-content a:hover,.project-content a:focus{font-size:1em;padding:6px 0}.copy-link{font-size:1em;padding:6px 10px}.copy-link:hover,.copy-link:focus{font-size:1em;padding:6px 10px}}@media (max-width: 480px){h1{font-size:1.8em}p{font-size:1em}.img-project{width:80px;height:80px}}.profile-section{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-bottom:40px}.profile-header{display:flex;align-items:center;gap:15px}.header-content{display:flex;flex-direction:column}.header-content h1{font-size:3.0em;margin:0}.profile-content{display:flex;flex-direction:column;justify-content:space-between}.profile-content h1{margin:0;font-size:2.5em}.tria-text{text-align:justify;font-size:1.1em}.img-circle{width:100px;height:100px;max-height:100px;object-fit:cover;border-radius:5%;border:1px solid black}@media (max-width: 768px){.profile-section{flex-direction:column;align-items:flex-start}.img-circle{width:100px;height:100px;max-height:100px}}.profile-nav{margin-top:5px;display:flex;gap:5px;text-align:justify;font-size:1.1em;font-family:Arial, sans-serif;line-height:1.6;align-items:center;color:#6c757d}.profile-nav a{color:#027bff;padding:4px 0;transition:background-color 0.3s ease, color 0.3s ease}.profile-nav a:hover,.profile-nav a:focus{color:#0056b3}.profile-nav a:focus,.project-content a:focus,.copy-link:focus{outline:none}.project-display{margin-bottom:10px}.project-content-wrapper{margin-bottom:10px}.project-content p{margin:5px 0;line-height:1.4}.project-header{margin-bottom:5px;font-size:1.2rem}.project-content a{padding:3px 0;margin-bottom:4px;font-size:1.0rem}@media (max-width: 480px){.project-content p{font-size:0.95em}}.img-project{width:40px;height:40px;border-radius:5%;background-size:cover;background-position:center;flex-shrink:0;align-items:center}@media (max-width: 768px){.img-project{width:40px;height:40px}}@media (max-width: 480px){.img-project{width:40px;height:40px}}.project-display{display:flex;align-items:center;padding:10px;border-radius:8px;transition:background-color 0.3s ease}@keyframes pulseBackground{0%{background-color:#e1e5e8}50%{background-color:#ffffff;opacity:0.8}100%{background-color:#e1e5e8}}.project-display.playing{background-color:#e1e5e8;animation:pulseBackground 2s infinite ease-in-out}.project-display:hover{background-color:#e1e5e8}.number::before{content:attr(data-number)}.play-btn{display:flex;align-items:center;justify-content:center;width:100px;font-size:1.5rem;color:#027bff;cursor:pointer;transition:color 0.3s ease;position:relative}.play-btn::before{content:attr(data-number);position:absolute;font-family:'Roboto', sans-serif;font-weight:normal}.play-btn:hover{color:#0056b3}.project-display.playing .play-btn::before{content:"\f04c";font-family:"Font Awesome 5 Free";font-weight:900}.project-display.playing:not(.is-playing) .play-btn::before{content:"\f04b";font-family:"Font Awesome 5 Free";font-weight:900}.project-display .play-btn::before{content:attr(data-number);font-family:'Roboto', sans-serif;font-weight:normal}.project-display:not(.playing):hover .play-btn::before{content:"\f04b";font-family:"Font Awesome 5 Free";font-weight:900}.project-display.is-playing .play-btn::before{content:"\f04c";font-family:"Font Awesome 5 Free";font-weight:900}.project-display:not(.playing) .play-btn::before{content:attr(data-number)}.project-display:not(.playing) .play-btn:hover::before{content:"\f04b";font-family:"Font Awesome 5 Free";font-weight:900}.project-display.paused .play-btn::before{content:"\f04b"}@media (max-width: 768px){.project-display{padding:8px}}.project-content-wrapper{flex:1;margin-top:0}.project-content-wrapper{flex:1}.playback-bar{position:fixed;bottom:0;left:0;right:0;width:100vw;background:#fff;border:1.5px solid black;color:#333;display:flex;align-items:center;padding:10px 20px;box-sizing:border-box;min-height:100px;justify-content:center}.playback-bar-content{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100vw;position:relative}.project-info{position:absolute;left:10px;display:flex;align-items:center;gap:10px;max-width:calc(33vw - 40px);overflow:hidden}.project-img{width:30px;height:30px;object-fit:cover;border-radius:5%;border:1px solid #6c757d;padding:2px;background-clip:padding-box;display:none}.project-title{font-weight:bold;font-size:0.9rem;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-right:10px}.center-section{display:flex;flex-direction:column;align-items:center;width:33vw;margin-left:auto;margin-right:auto}.controls-wrapper{display:flex;align-items:center;gap:15px}.control-btn{background:none;border:none;color:#027bff;font-size:1.8rem;cursor:pointer}.control-btn i{font-size:inherit}.play-circle{background:#fff;color:#027bff;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;line-height:1}.control-btn:hover,.play-circle:hover{color:#0056b3}.progress-container{display:flex;align-items:center;width:100%;gap:10px;cursor:pointer}.time-display{font-size:0.9rem;color:#333}.progress{flex:1;height:5px;background:#e0e0e0;position:relative;border-radius:5px;overflow:hidden}.progress::before{content:'';position:absolute;height:100%;width:var(--progress-width, 0%);background:#027bff;transition:width 0.1s linear}.progress-container:hover .progress::before{background:#0056b3}.top-row{display:flex;justify-content:flex-start;align-items:center;width:100%;padding:0 20px;margin-bottom:5px;min-height:40px}.project-content a,.project-content a:hover,.project-content a:focus,.copy-link,.copy-link:hover,.copy-link:focus{padding:4px 0;font-size:1em}