body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-size:fit-content;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:20px auto;width:80%}.App,.preloader{align-items:center}.preloader{background-color:#141114;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#fff;height:25px;width:25px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.DayNight{align-items:center;border:0;border-radius:15px;display:flex;height:30px;justify-content:center;outline:none;position:fixed;width:30px;z-index:1000}.DayNight :hover{cursor:pointer}.DayNight img{vertical-align:middle}.header{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:20px auto;width:80%}.name{flex:1 1;text-align:left;vertical-align:middle}.profile{align-items:center;border:1px solid;border-image:linear-gradient(90deg,#38bdf800,#000 32.29%,#4545454d 67.19%,#ec489900) 1;border-top:none;display:flex;flex:0 0 auto;height:15vw;justify-content:center;min-height:3vw;min-width:3vw;overflow:hidden;padding:15px;width:15vw}.profile img{border-radius:5px;height:100%;width:100%}.song-title{align-items:center;float:left;vertical-align:middle;width:37vh}.song-img,.song-title{display:flex;max-height:5vh}.project-card{border:1px solid;border-bottom:none;border-image:linear-gradient(90deg,#38bdf800,#fff 32.29%,#9e9e9e4d 67.19%,#ec489900) 1;border-radius:10px;box-shadow:0 4px 8px #ffffff1a;height:170px;margin:20px;overflow:hidden;transition:transform .3s ease,opacity .3s ease;width:300px}.project-card:hover{opacity:.9;transform:scale(1.05)}.project-card img{display:block;height:auto;width:100%}.project-info{background-color:#141114;padding:15px}.project-info h3{font-size:1.2em;margin-bottom:5px;margin-top:0}.project-info p{color:#71717a;font-size:.9em;margin-bottom:0}.Projects{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:20px auto;width:80%}.Projects h1{color:#fff}.container{align-items:center;flex-wrap:wrap;justify-content:center;padding:10px 0;width:100%}.container,.container .card{display:flex;position:relative}.container .card{border-radius:15px;flex-direction:column;height:150px;margin:30px 10px;max-width:300px;padding:20px 15px;transition:.3s ease-in-out}.container .card:hover{height:200px}.container .card .image{border-radius:15px;height:150px;left:8px;position:relative;top:-40%;width:300px;z-index:1}.container .card .image img{border-radius:15px;filter:blur(3px);height:150px;width:300px}.container .card .image h3{align-items:center;border-radius:15px;color:hsla(0,0%,100%,.599);color:"white";font-size:30px;height:150px;justify-content:center;padding-top:20px;text-align:center;width:300px}.container .card .image p{color:rgba(0,0,0,.477);font-size:30px;font-weight:1000;left:50%;position:absolute;text-align:center;top:30%;transform:translate(-50%,-50%)}.container .card .content p{color:#71717a}.container .card .content{color:#fff;opacity:0;padding:10px 15px;position:relative;text-align:center;top:-120px;transition:.3s ease-in-out;visibility:hidden}.container .card:hover .content{margin-top:30px;opacity:1;transition-delay:.2s;visibility:visible}.about{border:1px solid;border-bottom:none;color:#71717a;margin:20px auto;padding-top:3%;width:80%}.about .chats{word-wrap:break-word}.chatList{-webkit-overflow-scrolling:touch}.about .chats input{border:none;color:#71717a;outline:none}.skills{display:flex;flex-wrap:wrap;gap:10px;margin:20px auto;padding-bottom:3%}.skill-tab{border-radius:5px;font-size:12px;padding:3px 6px}.skill-tab:hover{background-color:#e0e0e0}.links-container img{justify-content:space-between;padding-right:3%}.footer{color:"white";margin:20px auto;padding-top:3%;text-align:center;width:80%}@media (max-width:1500px){.card{width:calc(33.33% - 20px)}}@media (max-width:900px){.card{width:calc(50% - 20px)}}@media (max-width:600px){.card{width:100%}}@media (max-width:768px){.header{align-items:center;flex-direction:column-reverse;margin:20px 0}.header,.name,.profile{text-align:left;width:100%}.name,.profile{display:block;margin-bottom:20px}.profile{height:40vw;max-height:30vw;max-width:30vw;padding:10px;width:40vw}.name h1{font-size:6vw}.name p{font-size:3vw}.Projects{width:100%}}
/*# sourceMappingURL=main.43046480.css.map*/