body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#000;color:#fff;font-family:Inter,sans-serif;margin:0;padding:0}button{background-color:#0068c9;color:#fff}.mainscreen_button button:hover,button:hover{background-color:#00509b}nav{align-items:center;display:flex;margin-bottom:60%}nav p{font-size:20px;margin-left:3%}#portfolio,nav p{font-weight:700;-webkit-user-select:none;user-select:none}#portfolio{background:#0068c9;border:10px solid #fff;border-radius:50%;color:#fff;flex-shrink:0;font-size:33px;height:250px;line-height:250px;position:relative;text-align:center;width:250px;z-index:2}.mainscreen{align-items:center;display:flex;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}.mainscreen_button{display:flex;flex-direction:column;margin-left:-40px;position:relative;z-index:1}.mainscreen_button button{border:none;border-radius:5px;color:#fff;font-size:18px;font-weight:700;justify-content:center;margin-bottom:10px;overflow:hidden;padding:10px 30px;position:relative;width:170px}.mainscreen_button button,footer{align-items:center;background-color:#0068c9;display:flex;text-align:center}footer{bottom:0;position:fixed;width:100%;z-index:10}footer button{border:1px solid #fff;font-size:13px;font-weight:700;height:65px;width:65px}form{margin-left:20%;margin-right:20%;text-align:center}form,form div{display:flex;flex-direction:column}form div{margin-bottom:10%;text-align:left}form div label{font-size:20;margin-bottom:5%}#send{font-weight:700;margin-left:auto;margin-right:auto;padding:2%;width:50%}form h2{margin-bottom:25%}form div input{height:30px}form div textarea{height:100px;resize:none}#accueil{border:none;width:100px}.footer-name{font-size:16px;font-weight:700;margin-left:auto;margin-right:auto;padding:0;-webkit-user-select:none;user-select:none}.footer-image{height:65px;width:65px}#mainscreen-image{height:auto;width:100px}.profile-image{border-radius:50%;width:100%}#profil-top{justify-content:center;margin-bottom:10%;margin-left:auto;margin-right:auto;position:relative;text-align:center;width:190px}.profile-content{display:flex;flex-direction:column;margin-bottom:25%;margin-left:10%;margin-right:10%}#resume{color:#fff;text-decoration:none}.profile-skill{align-items:baseline;display:flex;flex-direction:column;justify-content:center}.grid-skills{display:grid;grid-template-columns:1fr 1fr;margin-left:auto;margin-right:auto;width:100%}.skill-center{text-align:center;width:100%}.grid-language{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:25%;text-align:center}.profile-hobbies{align-items:center;display:flex;justify-content:space-evenly}.profile-pics{width:50px}.hobby{font-size:11px;text-align:center;width:100%}.skill-category{margin-bottom:10%}.title{margin-bottom:20%}#mainscreen-container,.contact-container,.profile-container,.project-container{min-height:100vh;-webkit-user-select:none;user-select:none}.project{align-items:center;background-color:#0068c9;color:#fff;display:flex;height:70px;margin-bottom:10px;width:100%}.project-value{display:flex;flex-direction:column;font-weight:700;justify-content:space-between;width:100%}.project-value p{margin:0 0 3px}.project-languages{display:flex;flex-wrap:wrap;font-size:9px;gap:4%}.project-languages p{white-space:nowrap}.project-pic{height:70px;margin-right:2%;width:70px}.project-details{background-color:#252525;height:75vh;position:fixed;top:50px;-webkit-user-select:none;user-select:none;width:45%}.display-project{display:flex;justify-content:space-between}.project-list{margin-left:50%;position:relative;top:50px;width:55%}.project-details p{font-size:12px}.selected-pic{width:100%}#searchbar{background-color:#252525;border:none;color:#fff;outline:none;position:fixed;right:0;top:15px;z-index:2}#searchbar:focus{outline:1px solid#0068C9}.project-name{font-size:14px}.circle-transition{animation:circleExpand .6s ease-out forwards;background:#0084ff;border-radius:50%;height:10px;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%) scale(0);width:10px}.project-buttons{display:flex;width:100%}.project-buttons button{background-color:#0068c9;border:1px solid #00008b;color:#fff;flex:1 1;font-size:16px;font-weight:700;padding:12px;width:100%}.project-buttons button:hover{background-color:#00509b}.messages-container{box-sizing:border-box;max-height:60vh;overflow-x:hidden;overflow-y:auto;padding:10px}.message{background-color:#333;border-radius:5px;margin-bottom:10px;padding:10px}.message p{margin:5px 0}.message_form{box-sizing:border-box;display:flex;flex-direction:row;gap:10px;margin:10px 0 0;width:100%}.message_form input{background-color:#333;border:1px solid #555;border-radius:5px;box-sizing:border-box;color:#fff;flex:1 1;height:40px;min-width:0;outline:none;padding:0 10px}.message_form input:focus{border-color:#0068c9}.message_form button{background-color:#0068c9;border:none;border-radius:5px;color:#fff;font-weight:700;padding:0 20px;width:auto}.message_form button:hover{background-color:#00509b}h1{text-align:center}.login_form_containter{margin-bottom:85px;text-align:left}.login_register_title{margin-bottom:30%}.login_change_page{background-color:#000;border:none;left:19%;position:absolute;top:50%}.login_change_page:hover,.register_change_page:hover{background-color:#000;color:#0068c9}.login_button{align-items:center;justify-content:center;left:25%;padding:10px;position:absolute;top:57%;width:50%}.register_row_container{display:block;margin-bottom:0}.register_form_container{margin-bottom:25px}.register_change_page{background-color:#000;border:none;bottom:34%;left:19%;position:absolute}.register_button{align-items:center;bottom:26%;justify-content:center;left:25%;padding:10px;position:absolute;width:50%}@keyframes circleExpand{to{opacity:0;transform:translate(-50%,-50%) scale(50)}}.click-effect{animation:clickExpand .4s ease-out forwards;background:#00fffb;border-radius:50%;height:20px;pointer-events:none;position:fixed;transform:scale(0);width:20px;z-index:100}@keyframes clickExpand{to{opacity:.3;transform:scale(3)}}@media screen and (min-width:400px){#searchbar{width:195px}.display-project{margin-left:5%}.project-name{font-size:16px}.project-value p{margin-bottom:10px}}@media screen and (min-width:600px) and (min-height:300px){#accueil{width:250px}footer button{width:100px}.footer-image{width:80px}form{margin-bottom:95px}.project-container{margin-bottom:120px}.project-details{height:auto;min-height:100vh;position:absolute}#searchbar{width:380px}}@media screen and (min-width:768px) and (min-height:768px){nav{margin-bottom:30%}nav p{margin-left:2%}#portfolio{border:12px solid #fff;font-size:70px;height:500px;line-height:500px;width:500px}.mainscreen_button button{font-size:25px;margin-bottom:17px;padding:12px 140px}footer button{font-size:25px;height:100px;width:100px}#accueil{width:250px}.footer-name{font-size:25px}.footer-image{height:100px;width:100px}#mainscreen-image{width:125px}#profil-top{width:250px}.profile-skill{flex-direction:row}.grid-skills{width:90%}.profile-pics{width:70px}.hobby{font-size:16px}.profile-content{margin-bottom:7%}.profile-container,.project-container{padding-bottom:60px}.project{padding-bottom:5px;padding-top:5px}.project,.project-value p{margin-bottom:15px}.project-pic{height:80px;width:80px}.selected-pic{height:200px}.project-languages{font-size:12px;gap:2%}.project-details,.project-list{top:55px}.project-details{height:75vh;min-height:75vh;position:fixed}.project-details p{font-size:16px}.project-details h4{margin-bottom:20%}#searchbar{font-size:18px;top:20px;width:384px}.login_change_page{font-size:16px;left:19.5%;top:49%}.login_button{font-size:18px;left:40%;padding:17px;top:59%;width:20%}.login_register_label{font-size:20px}.register_row_container{display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:95px}.register_form{margin:0}.register_form_container{margin-bottom:25px;width:300px}.register_change_page{bottom:47%;font-size:16px;left:8.5%}.register_button{bottom:34%;font-size:18px;padding:17px}}@media screen and (min-width:1024px) and (min-height:768px){#accueil{width:275px}footer button{width:120px}#searchbar{width:513px}}@media screen and (min-width:1024px) and (min-height:800px){nav{margin-bottom:5%}nav p{margin-left:1%}#portfolio{border:15px solid #fff;font-size:80px;height:690px;line-height:690px;width:690px}.mainscreen_button button{font-size:40px;margin-bottom:30px;padding:16px 200px}.mainscreen_button{margin-left:-70px}#mainscreen-image{width:150px}form h2{margin-bottom:5%}form div{margin-bottom:4%}form div label{margin-bottom:1%}form div textarea{height:175px}#send{font-size:20px;padding:1%;width:30%}footer{max-height:125px}footer button{font-size:35px;height:125px;width:225px}#accueil{width:425px}.footer-name{font-size:35px}.footer-image{height:125px;width:125px}#profil-top{width:275px}#profil-top,.profile-content{margin-bottom:5%}.profile-pics{width:100px}.grid-skills{width:75%}.profile-container,.project-container{padding-bottom:200px}.project:hover{background-color:#00509b}.selected-pic{height:275px}.project-details{width:35%}.project-details h4,.project-details p{margin-bottom:5%}.project-languages{font-size:14px;gap:1%}.project-list{margin-left:55%}#searchbar{font-size:19px;top:17px;width:790px}.login_register_title{margin-bottom:7%}.login_change_page{font-size:18px;left:19.7%;top:46%}.login_button,.login_register_label{font-size:22px}.login_button{left:42.5%;padding:17px;top:55%;width:15%}.login_form,.register_form{margin-bottom:20%}.register_form_container{width:500px}.register_change_page{bottom:50%;left:14.5%}.register_button{font-size:22px;left:42%;padding:17px;width:15%}}@media screen and (min-width:1024px){#root,#root *,body,html{cursor:none!important}#custom-cursor{background-color:cyan;border:2px solid cyan;border-radius:50%;height:30px;width:30px;z-index:10000}#cursor-trail,#custom-cursor{pointer-events:none;position:fixed;transform:translate(-50%,-50%)}#cursor-trail{border:2px solid #53c0f380;border-radius:50%;height:50px;opacity:.7;transition:left .1s ease-out,top .1s ease-out;width:50px;z-index:9999}}
/*# sourceMappingURL=main.2fdb51c5.css.map*/