.app{height:100vh}.application{display:flex;flex-direction:column;justify-content:center;color:#000;margin:1rem;align-items:center;text-align:center;gap:3px;width:100px;height:60px;cursor:pointer;position:absolute}.about{top:2%;left:0}.cv{top:16%;left:0}.projects{top:30%;left:0}.contact{top:44%;left:0}.application:focus span{background-color:#00f;color:#fff}.application:focus img{opacity:.7}.application span{padding:2px;background-color:#aeb4bb}.application-icon{height:50px;width:50px}.one-click-app{background-color:#00f!important;color:#fff}.applications{display:flex}ul.applications-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.top-bar-window{display:flex;width:auto;align-items:center;justify-content:space-between;flex-direction:row;z-index:10;margin:2px;padding:2px}.top-bar-desactivated{background-color:#7b7d7b}.top-bar-activated{background:#00007c;color:#fff}.action-button{background:#c3c3c3;border-top:1px solid #fafafa;border-left:1px solid #fafafa;border-right:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a;box-shadow:1px 1px #000;height:16px;width:16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-left:2px;cursor:pointer;color:#000}.action-button:active{border-radius:0;background:silver;box-shadow:none;border-top:1.5px solid #000;border-left:1.5px solid #000;border-bottom:1.5px solid #fafafa;border-right:1.5px solid #fafafa}.triple-button{display:flex;align-items:center;justify-content:space-between;margin-right:4px}.modal{height:400px;width:400px;transform:translate(0);position:absolute;z-index:3;box-sizing:border-box;padding:0;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;flex-flow:column;display:flex;min-height:80vh;min-width:50vw;max-width:100vw!important;max-height:100vh!important}.normalWindow{height:400px;width:400px}.expandWindow{width:100%;height:100%;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:translate(0)!important}.modal-style{background:#c3c3c3;border-top:2px solid #fafafa;border-left:2px solid #fafafa;border-right:1.5px solid #5a5a5a;border-bottom:1.5px solid #5a5a5a;box-shadow:1.5px 1.5px #000;outline:1px solid #dedede}.window-name{color:#fff;display:flex;align-items:center;font-weight:500;padding:0;font-size:16px;margin:0 0 0 3px}.content{flex-grow:1;overflow-x:hidden;padding:5% 15%}.icon-image{width:15px;height:15px;margin-right:5px;margin-top:0;margin-bottom:0}.border{display:flex;justify-content:center;border:1px solid transparent;padding:5px;align-items:center}::-webkit-scrollbar{width:15px;background:repeating-conic-gradient(#bdbebd 0,#bdbebd 25%,#fff 0,#fff 50%) 50% / 2px 2px}::-webkit-scrollbar-thumb{background:#bdbebd;border-top:1.5px solid #fafafa;border-left:1.5px solid #fafafa;border-bottom:1.5px solid #5a5a5a;border-right:1.5px solid #5a5a5a;outline:#dbdbdb}.activeWindow{z-index:10}.closeWindow{visibility:hidden}.position-window-about{top:73px;left:144px}.position-window-projects{top:37px;left:271px}.position-window-contact{top:107px;left:249px}.position-window-cv{top:147px;left:199px}.desktop{position:relative;height:calc(100vh - 35px);overflow:hidden}.img{text-align:center}.profile-image{width:100%;margin-bottom:20px;object-fit:cover}.grid{display:table}.subtitle{font-size:15px;color:gray}.tech-icon{width:auto;height:20px;border-radius:0;font-size:12px;padding-right:10px}.content-contact{flex-direction:column;flex-grow:1;overflow:hidden;display:flex;overflow-x:hidden}.container-details{border:1px solid #fff;background:#fff;width:100%}.header{font-weight:700;font-size:24px;padding-top:10px;margin-left:8px;text-overflow:ellipsis;overflow:auto}.subject-container{display:flex;height:20px;align-items:center}.subject{width:100%;background:none;border:none;font-size:18px}.subject:focus{outline:none}.label{margin:8px}.recipient{background:#c2d6fc;padding-left:5px;padding-right:5px;border-radius:3px;font-size:16px}.from-container{display:flex;height:20px;align-items:center}textarea{margin:0;background:none;border-top:1.5px solid #000;border-left:1.5px solid #000;border-bottom:1.5px solid #fafafa;border-right:1.5px solid #fafafa;box-shadow:none;resize:none;caret-color:#000;color:#000;border-radius:0;flex-grow:1;width:100%!important}.send-bar{border:1px solid #fff;outline:1px solid #7b7d7b;font-size:12px;padding:4px;margin:2px}.sent{display:flex;vertical-align:middle;box-shadow:1.5px 1.5px #000;border-top:1.5px solid #fafafa;border-left:1.5px solid #fafafa;border-bottom:1.5px solid #5a5a5a;border-right:1.5px solid #5a5a5a;background:silver;padding:2px;margin-right:5px;height:23px;text-decoration:none;color:#000;align-items:center;cursor:pointer}.sent:active{box-shadow:none;background:repeating-conic-gradient(#bdbebd,#bdbebd 25%,#fff 0%,#fff 50%) 50% / 2px 2px;border-top:solid rgb(0,0,0) 1.5px;border-left:solid rgb(0,0,0) 1.5px;border-bottom:solid rgb(250,250,250) 1.5px;border-right:solid rgb(250,250,250) 1.5px}.messagge{padding:5px}input,textarea,select{font-family:inherit}.message-box-content{display:flex;align-items:center;justify-content:center;padding:10px}.message-box-content img{width:60px;height:60px;margin-right:10px}.message-box-content p{margin:0;font-size:20px}.download-bar{border:1px solid #fff;outline:1px solid #7b7d7b;font-size:12px;padding:4px;width:100%;display:flex;flex-direction:row;align-items:center}.content-cv{display:flex;height:100%;flex-direction:column;overflow-x:hidden}.download{display:flex;vertical-align:middle;box-shadow:1.5px 1.5px #000;border-top:1.5px solid #fafafa;border-left:1.5px solid #fafafa;border-bottom:1.5px solid #5a5a5a;border-right:1.5px solid #5a5a5a;background:silver;padding:2px;margin-right:5px;height:18px;text-decoration:none;color:#000}.download:active{box-shadow:none;background:repeating-conic-gradient(#bdbebd,#bdbebd 25%,#fff 0%,#fff 50%) 50% / 2px 2px;border-top:solid rgb(0,0,0) 1.5px;border-left:solid rgb(0,0,0) 1.5px;border-bottom:solid rgb(250,250,250) 1.5px;border-right:solid rgb(250,250,250) 1.5px}.border:active{border:black dotted 1px}.download:hover{cursor:pointer}.frame{width:100%;height:97.5%}.windows95-select{margin-left:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-position:top 2px right 2px;background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='17'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15%200H0v16h1V1h14V0z'%20fill='%23DFDFDF'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M2%201H1v14h1V2h12V1H2z'%20fill='%23fff'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M16%2017H0v-1h15V0h1v17z'%20fill='%23000'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15%201h-1v14H1v1h14V1z'%20fill='gray'/%3e%3cpath%20fill='silver'%20d='M2%202h12v13H2z'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11%206H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z'%20fill='%23000'/%3e%3c/svg%3e");background-repeat:no-repeat;border-radius:0;position:relative;border:none;height:21px;background-color:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;width:80px;padding:3px 4px}select:not(:-internal-list-box){overflow:visible!important;-webkit-rtl-ordering:logical;white-space:pre;color:fieldtext}.project{border-radius:8px;padding:10px;margin-bottom:20px}.project img{max-width:100%}.project p{margin-top:10px}.project a{color:#00f;text-decoration:none;font-weight:700}.project a:hover{text-decoration:underline}.navbar{display:flex;justify-content:space-between;align-items:center;height:35px;background-color:silver;padding:0 10px;color:#000}.start-button{padding:0 3px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;height:70%}.start-menu-normal{box-shadow:1.5px 1.5px #000;border-top:1.5px solid #fafafa;border-left:1.5px solid #fafafa;border-bottom:1.5px solid #5a5a5a;border-right:1.5px solid #5a5a5a}.start-menu-depressed{background:repeating-conic-gradient(#bdbebd 0,#bdbebd 25%,#fff 0,#fff 50%) 50% / 2px 2px;border-top:1.5px solid #000;border-left:1.5px solid #000;border-bottom:1.5px solid #fafafa;border-right:1.5px solid #fafafa}.start-button:active{box-shadow:none}.start-button span{font-weight:700;color:#000;font-size:1.5rem}.navbar-items{border:1px solid #000;background-color:silver;background:silver;border-right:1.5px solid #fafafa;border-bottom:1.5px solid #fafafa;border-top:1.5px solid #5a5a5a;border-left:1.5px solid #5a5a5a;display:flex;justify-content:center;align-items:center;flex-direction:row;font-size:.8em;padding:1px 5px}.navbar-item{margin-left:8px;cursor:pointer}.time-effect{animation:timeEffect 1s infinite}@keyframes timeEffect{0%{color:#000}50%{color:silver}to{color:#000}}.navbar img{width:20px;height:20px}.navbar-item-depressed{width:100px;height:28px;margin-left:2px;margin-right:2px;border-radius:.5px;display:flex;justify-content:flex-start;align-items:center;padding-left:5px;padding-right:5px;font-weight:700;font-size:.7rem;background:silver;box-shadow:none;background:repeating-conic-gradient(#bdbebd 0,#bdbebd 25%,#fff 0,#fff 50%) 50% / 2px 2px;border-top:1.5px solid #000;border-left:1.5px solid #000;border-bottom:1.5px solid #fafafa;border-right:1.5px solid #fafafa;padding-top:2px}.navbar-apps{width:100px;height:28px;margin-left:2px;margin-right:2px;box-shadow:1.5px 1.5px #000;border-top:1.5px solid #fafafa;border-left:1.5px solid #fafafa;border-bottom:1.5px solid #5a5a5a;border-right:1.5px solid #5a5a5a;background:silver;border-radius:.5px;display:flex;justify-content:flex-start;align-items:center!important;padding-left:5px;padding-right:5px;font-weight:700;font-size:.7rem;padding-top:2px;cursor:pointer}.d-none{display:none}.d-flex{display:flex}@media (max-width: 768px){.resposive-d-none{display:none}}@media (max-width: 500px){.full-width{width:35vw!important}}.menu-active{z-index:9999;left:0;top:calc(100vh - 282px)}.menu-desactive{display:none!important}.menu{width:165px;height:242px;background:#000;background:#c3c3c3;overflow:hidden;border-top:2px solid #fafafa;border-left:2px solid #fafafa;border-right:1.5px solid #5a5a5a;border-bottom:1.5px solid #5a5a5a;box-shadow:1.5px 1.5px #000;max-height:100%;max-width:100%;align-items:flex-end;outline:1px solid #dedede;display:flex;flex-direction:row;align-items:flex-start;font-size:12px;position:absolute}.sidebar{width:25px;background:#7b7d7b;height:100%;display:flex;align-items:flex-end}.socials{flex-grow:1}a{color:#000;text-decoration:none}.bar{display:flex;flex-direction:row;padding:5px 10px;align-items:center}.bar:hover{background:#000076;color:#fff}.social-image{width:30px;height:30px;margin-right:10px;border-radius:6px}.logo{width:100%}@font-face{font-family:WindowsRegular;src:url(/assets/WindowsRegular-BChK6Dzn.ttf) format("truetype")}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#1b8a8d;background-size:cover;font-family:WindowsRegular}#root{width:100%;height:100vh}button{background:none;color:inherit;border:none;font:inherit;outline:inherit}