html{background-image:url(/assets/void-B__Ockid.jpg);background-attachment:fixed;scroll-behavior:smooth}body{color:#fff;font-family:Arial Narrow Bold,sans-serif;font-size:1rem;overflow-x:hidden}*:active{-webkit-tap-highlight-color:transparent}img:not(.pp){border-radius:4px;border:solid rgb(63,199,109,.1);animation:borderColor 5s infinite;max-width:100%}.purple-bg{background-color:var(--purple)}.yellow-bg{background-color:var(--yellow)}.orange-bg{background-color:var(--orange)}.red-bg{background-color:var(--red)}.blue-bg{background-color:var(--blue)}.space-around-box{display:flex;justify-content:space-around;flex-wrap:wrap}.row-center{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.row{display:flex;flex-wrap:wrap;gap:7px}.paragraph{margin-left:15px;margin-right:5px}.paragraph-with-code{margin-left:2rem}@media (max-width: 640px){.paragraph-with-code{margin-left:1rem}}.hobbie-card{width:350px;text-align:center;border-radius:1rem;background-color:var(--gray-4);box-shadow:0 0 15px 1px;padding:1rem;margin:1rem}.hobbie-card img{display:block;width:288px;margin:0 auto}.ytb-embed{border-radius:4px;border:solid rgb(63,199,109,.1);animation:borderColor 5s infinite;max-width:90%;aspect-ratio:16/9}.bubble{color:#000;font-family:Tahoma,sans-serif;font-weight:bolder;font-size:small;border-radius:12px;padding:2px 5px 5px;margin:5px;display:inline-block;white-space:nowrap}div.code{margin-bottom:2rem;margin-top:1.5rem;margin-right:.5rem}div.web,iframe.web{background-color:#fff;border:solid 2px gray;color:#000;padding:.2rem;max-width:800px}iframe.web{width:min-content;height:15rem;max-height:25rem;resize:both}.align-result{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.align-result>div{flex-grow:2}pre.code{background:var(--gray-3);animation:borderColor 5s infinite;margin-bottom:.3rem;margin-top:.3rem;margin-right:.5rem;padding-bottom:.4rem;border-radius:5px;overflow-x:scroll;cursor:text}@media (max-width: 640px){pre.code{padding:.8rem;font-size:.8rem}}div.console{background-color:#000;border:solid 2px gray;font-family:Lucida Console;color:#fff;padding:.5rem;max-width:800px}div.doc-summary{display:flex;align-items:center;flex-direction:column}div.parts{display:flex;padding:.5rem;margin:1rem;gap:.5rem;flex-wrap:wrap;justify-content:center}div.parts>a{color:#fff;background-color:#5a5a5acc;height:2rem;display:inline-block;line-height:1.9;padding:.2rem;border-radius:.5rem;text-decoration:none;transition:.2s}div.parts>a:active{transform:translateY(10%);background-color:var(--green);-webkit-tap-highlight-color:transparent}@media (min-width: 640px){div.parts>a:hover{transform:translateY(10%);background-color:var(--green)}}a.go-up{outline:none;text-decoration:none;background:var(--green);color:#000;width:50px;height:40px;display:inline-block;line-height:2.5;text-align:center;border:solid black 3px;border-radius:20px;position:fixed;right:2%;bottom:4%;z-index:9}.contact-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;height:calc(90vh - 80px)}.contact-row>div{height:min-content;padding:1rem;background-color:#00000080;border-radius:20px}form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:.5s ease-in-out;padding:1rem}.holder{position:relative;display:flex;align-items:center;justify-content:center;transition:.5s ease-in-out}.holder span{position:absolute;left:2rem;font-size:1rem;font-family:PT Sans,sans-serif;pointer-events:none;transition:.5s ease-in-out;color:var(--bright-green)}.holder input{height:2.5rem;margin:auto;border:1px solid var(--bright-green);border-radius:1rem;background-color:transparent;font-size:1rem;font-family:PT Sans,sans-serif;letter-spacing:2px;padding:0 2rem;color:#fff;transition:.5s ease-in-out;box-shadow:inset 0 0 .5rem var(--bright-green)}.holder textarea{width:30vw;height:10rem;border:1px solid var(--bright-green);border-radius:.4rem;background-color:transparent;font-size:1rem;font-family:PT Sans,sans-serif;letter-spacing:2px;color:#fff;padding:1rem 1.5rem;transition:.5s ease-in-out;box-shadow:inset 0 0 .5rem var(--bright-green)}.holder>input:valid~span,.holder>input:focus~span{left:3rem;top:-.5rem;font-size:1rem;padding:0 .5rem;text-transform:uppercase;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;background-color:var(--bright-green);border-radius:10rem;color:#1a1722}textarea:valid~span,textarea:focus~span{top:-.5rem;left:5rem;font-size:1rem;padding:0 .5rem;text-transform:uppercase;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;background-color:var(--bright-green);border-radius:10rem;color:#1a1722}.contact-row button{height:2.5rem;margin:auto;border:1px solid var(--bright-green);border-radius:1rem;background-color:transparent;font-size:1rem;font-family:PT Sans,sans-serif;letter-spacing:2px;padding:0 2rem;color:#fff;transition:.2s ease-in-out;box-shadow:inset 0 0 .5rem var(--bright-green)}.contact-row button:hover{background-color:transparent;border:2px solid var(--bright-green);box-shadow:inset 0 0 2rem var(--bright-green);color:#fff}.contact-row button:active{background-color:var(--bright-green);border:2px solid var(--bright-green);transition:50ms;color:#1a1722}div.black-band{background-color:#000;display:flex;justify-content:space-between;position:fixed;bottom:0;right:0;left:0;padding:20px;padding-left:4vw;padding-right:4vw}.name-section{display:flex;flex-wrap:wrap;font-size:1rem;justify-content:center;margin:0% 1% 1%;align-items:center;padding-right:5px;gap:20px;color:#fff;animation:name 10s infinite}@media (min-width: 640px){.name-section{padding:5px 30px;font-size:1rem}}.pp{border-radius:30px;transition:.4s;width:65px;height:65px}.pp:hover{cursor:zoom-in;width:80px;height:80px}@keyframes name{0%,to{color:#ec93c8}10%{color:#e99696}20%{color:#f2c98c}30%{color:#cee963}40%{color:#83e06c}50%{color:#63e998}60%{color:#63e9e9}70%{color:#99b8e6}80%{color:#b8abed}90%{color:#ce85e0}}footer{margin-top:80px}.tab-head{display:flex;align-items:center;box-sizing:border-box;width:101vw;height:80px;margin-bottom:15px;position:relative;left:-10px;top:-10px;background:radial-gradient(circle,var(--gray-3-green) 0%,var(--gray-3) 100%);gap:2vw;box-shadow:0 0 15px 1px}.home-button-shadow{background-color:#000;clip-path:polygon(0% 0%,100% 0%,72% 100%,0% 100%);background:linear-gradient(107deg,black 67%,transparent 76%);width:100px}.home-button>p{transition:.3s}.home-button:hover p{transform:translate(-20%)}.home-button{text-decoration:none;background-color:var(--gray-2);color:#fff;width:80px;height:80px;padding-right:10px;clip-path:polygon(0% 0%,100% 0%,72% 100%,0% 100%);display:flex;align-items:center;justify-content:center}.home-button:hover{cursor:pointer;background:var(--gray-1)}.go-up:hover{background:var(--light-green);cursor:pointer}.home-button:active,.go-up:active{background:#000;color:#fff;-webkit-tap-highlight-color:transparent}:root{--green: rgb(43, 179, 89);--light-green: rgb(63, 199, 109);--bright-green: rgb(122, 248, 164);--gray-3-green: #343835;--gray-0: #cecece;--gray-1: #969696;--gray-2: #6a6a6a;--gray-3: #323232;--gray-4: #1e1e1e;--purple: #b26eff;--yellow: #ecf56b;--red: #ff5d5d;--orange: #feb31e;--blue: #43a1ff}body::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar-track{background-color:var(--gray-3)}body::-webkit-scrollbar-thumb{background-color:var(--green);border-radius:20px;border:solid 3px var(--gray-3)}body::-webkit-scrollbar-thumb:hover{background-color:var(--light-green)}pre.code::-webkit-scrollbar{width:10px;height:10px}pre.code::-webkit-scrollbar-track{background-color:var(--gray-3)}pre.code::-webkit-scrollbar-thumb{background-color:var(--green);border-radius:20px;border:solid 3px var(--gray-3)}.link{font-size:180%;border:1px solid var(--bright-green);width:18.75rem;height:12.625rem;margin:.7rem;border-radius:.7rem;background:#3fc76d0a;box-shadow:0 0 7px 1px var(--bright-green);position:relative;overflow:hidden;color:#fff;display:grid;place-items:center;text-align:center;transition:.4s}.link:before{position:absolute;content:"";left:0;bottom:0;width:100%;height:0%;background:linear-gradient(transparent 0%,var(--bright-green) 50%);z-index:-1;transition:ease-out .1s}.tab{text-decoration:none}.link:hover:before{height:200%;transition:.2s ease-out}.link:active,.go-contact:active{-webkit-tap-highlight-color:transparent}.link:active:before{height:100%;transition:.2s ease-in;background:var(--bright-green)}.tab:hover{font-size:104%}strong.title{font-size:140%}@media (max-width: 640px){strong.title{font-size:130%}}.white-link{color:#fff;text-decoration:none}.blue-link{color:#5486e2;text-decoration:none}.white-link:hover,.blue-link:hover{text-decoration:underline}.gray{color:var(--gray-0)}.yellow-shine{animation:yellow-gray 3s infinite}@keyframes yellow-gray{0%,to{color:#fff952}70%{color:var(--gray-0)}}.ligne{display:flex;gap:0px}.address{color:#fff;text-decoration:none}.address:hover{text-decoration:underline}div.skill{margin:1rem;font-family:Courier New,Courier,monospace;border-radius:1rem;background-color:var(--gray-4);box-shadow:0 0 15px 1px;padding:1rem;display:flex;flex-direction:column;gap:20px}.skill details{background-color:transparent;border-bottom:solid 3px var(--gray-2);margin-top:0}.skill summary{padding-right:1rem;background-color:transparent}.skill summary:after,.skill details[open]>summary:after{right:3rem}@media (max-width: 640px){details summary,.skill summary{font-size:1rem}}@media (max-width: 640px){input.contact{width:100px;height:38px;border-radius:25px;font-size:12px}}.software{padding:60px}.gmail{color:#fff;text-decoration:none;transition:5s}.gmail:hover{color:#ff3c3c;text-decoration:underline}summary{cursor:pointer;background-color:#5a5a5a99;font-weight:700;font-size:1.5rem;padding:10px;border-radius:10px}details>summary{list-style-type:none}details>summary:active{-webkit-tap-highlight-color:transparent}details>summary:after{position:absolute;content:"+";right:26px}details[open]>summary:after{position:absolute;content:"-";right:26px}details.big{padding:.5rem;margin-bottom:3rem;border-radius:1rem;background-color:var(--gray-4);box-shadow:0 0 15px 1px}details.big>summary{background-color:transparent}td{height:50px;padding-left:10px}h2.skill{margin-top:0;margin-bottom:0}@keyframes borderColor{0%,to{border:2px solid rgb(63,199,109,.1)}50%{border:2px solid rgb(63,199,109,.9)}}details{margin-top:1rem}ul.no-style{list-style-type:none}ul{font-size:1rem}div.hobbies{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;margin:.5rem}div.hobbies>div{display:flex;flex-direction:column;min-height:18rem;min-width:18rem;margin:.3rem}div.hobbies>div>*{margin:.25rem}.contact-btn{outline:none;text-decoration:none;background:var(--green);color:#000;width:auto;height:auto;padding:7px;margin:15px;display:inline-block;line-height:1.45;text-align:center;border:solid black 3px;border-radius:20px;font-size:1rem}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}