@import"https://fonts.googleapis.com/css2?family=Alumni+Sans+SC:ital,wght@0,100..900;1,100..900&family=Corben:wght@400;700&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;scroll-behavior:smooth}::-webkit-scrollbar{background-color:#000;width:10px}::-webkit-scrollbar-thumb{color:#000;width:95%;background-color:#fff}.main-page{width:100%;height:max-content;display:flex;flex-direction:column;background-color:#000;align-items:center;z-index:0;font-family:Poppins}nav{width:60%;height:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;background-color:#ffffff48;margin-top:20px;color:#fff;display:flex;align-items:center;border:1px solid lightgray;padding:0;font-family:orbitron;position:fixed;z-index:10}nav h1{padding-left:20px;font-weight:200;font-size:20px;cursor:pointer}#nav{position:fixed;right:20px;cursor:pointer}.top-body{width:100%;height:90vh;margin-top:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;overflow:hidden}.top-body h1{font-family:Orbitron;font-size:60px}.top-body p{padding-top:20px}.loop{width:100%;height:50px;margin-top:30px;background-color:transparent;display:flex;align-items:center;gap:20px;z-index:1}.loop p{color:#fff;font-family:Orbitron;text-wrap:nowrap;border:1px solid white;padding:20px;border-radius:20px}.img{width:50px;height:50px;border:1px solid white;border-radius:50%;position:fixed;z-index:10;top:20px;left:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.img img{width:90%;height:90%;object-fit:fill;border-radius:50%}.img-view{width:100%;height:100%;background-color:#ffffff36;position:fixed;display:flex;align-items:center;justify-content:center;z-index:11;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.img-view img{width:45%;height:90%;border-radius:50%;object-fit:contain;background-color:#000;z-index:11}.img-view button{position:absolute;top:20px;right:20px;border-radius:50px;padding:10px 13px;border:1px solid black;background-color:transparent;color:#000;transition:.5s ease}.img-view button:hover{background-color:#000;color:#fff;transition:.5s ease;cursor:pointer}.nav{width:20%;height:60%;background-color:#fff;border-radius:0 40px/0px 40px;position:fixed;top:20%;right:30px;z-index:1000;transform:translate(300%);transition:.5s ease}.activate{transform:translate(0);right:50px;transition:.5s ease}.nav ul{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none;gap:30px;font-family:Orbitron;font-size:20px;cursor:pointer}.nav ul li a{color:#000;text-decoration:none}@media screen and (max-width:1000px){.top-body h1{font-size:35px}}@media screen and (max-width:600px){.top-body h1{font-size:30px}.top-body{justify-content:flex-start;padding-top:100px;height:max-content;padding-bottom:100px}.img{scale:0}nav{width:80%}.top-body h1{text-align:center}.top-body p{font-size:12px;text-align:center;padding-top:40px;padding-bottom:30px}.loop p{padding-top:20px;padding-bottom:20px}.nav{width:50%;height:50%;border-radius:0 50px/0px 50px;right:150px}.nav ul{gap:50px}}.about{width:100%;height:100vh;color:#fff;text-align:center;display:flex;flex-direction:column;font-family:Orbitron;overflow:hidden}.about h1{font-size:60px}.about p{padding-top:20px;font-size:20px;line-height:40px}.about button{width:40%;height:50px;border:1px solid white;background-color:transparent;color:#fff;font-family:Orbitron;border-radius:0 20px/0px 20px;align-self:center;margin-top:30px;transition:.5s ease}.about button a{text-decoration:none;color:#fff}.about button:hover{background-color:#fff;color:#000;transition:.5s ease;cursor:pointer}.about button:hover a{color:#000;transition:.5s ease}@media screen and (max-width:600px){.about{height:max-content;padding-bottom:50px}.about h1{font-size:35px}.about p{font-size:14px}.about button{width:65%}}.skills{width:100%;height:max-content;padding-bottom:30px;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center}.skills h1{color:#fff;font-family:Orbitron;font-size:60px;text-align:center}.skills p{color:#fff;padding-top:20px}.box{width:75%;height:200px;margin-top:30px;border-bottom-left-radius:40px;border-top-right-radius:40px;display:flex;flex-direction:row;gap:30px;align-items:center;justify-content:center}.box img{width:130px;height:120px;object-fit:cover;border-radius:20px;transition:filter .3s ease}.box img:nth-child(2){object-fit:fill;animation:rotate 4s infinite linear}.box img:nth-child(3),.box img:last-child{object-fit:fill}.box img:hover{scale:1.25;transition:.5s ease;cursor:pointer}.box:hover img:not(:hover){filter:blur(5px);transition:.5s ease}.box-2{width:80%;height:200px;margin-top:20px;display:flex;align-items:center;border-radius:10px;gap:30px;padding-left:20px}.box-2 img{width:30%;height:90%;border-radius:20px}.content{width:60%;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:40px}.content h1{font-size:25px;font-family:Poppins}.content p{font-size:14px;text-align:center;font-weight:300}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:600px){.skills{height:max-content;padding-bottom:40px}.skills h1{font-size:35px}.skills p{font-size:14px;text-align:center}.box{display:flex;width:75%;flex-direction:column;height:max-content;padding-top:40px;padding-bottom:40px;border-radius:40px 0/40px 0px}}@media screen and (max-width:800px) and (min-width:600px){.skills{height:max-content;padding-bottom:40px}.skills h1{font-size:40px}.skills p{font-size:14px;text-align:center}.box{display:flex;width:40%;flex-direction:column;height:max-content;padding-top:40px;padding-bottom:40px;border-radius:40px 0/40px 0px}}.highlights{width:100%;height:max-content;padding-bottom:30px;background-color:#000;display:flex;flex-direction:column;align-items:center}.highlights h1{color:#fff;font-family:Orbitron;padding-bottom:30px;font-size:60px}.container{width:80%;height:max-content;display:flex;justify-content:center;padding:20px;gap:40px;border-radius:20px}.c-left{width:48%;height:40%;border-radius:20px;display:flex;flex-direction:column;align-items:center;padding:10px;border:1px solid lightgray}.c-left h1{font-size:20px;padding-top:10px;font-family:Raleway;font-weight:500;text-align:center}#search{color:#368d36;padding-right:5px}.c-left p,.c-right p{color:#fff;font-family:Poppins;font-weight:200;text-align:center;padding-top:20px;font-size:13px}.summa{width:90%;height:50px;border-radius:40px;border:1px solid white;display:flex;align-items:center;justify-content:center;transition:.5s ease}.summa:hover{transform:rotate(3deg)}.summa h1{color:#fff;font-size:14px;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;text-align:center}#tick{background-color:#368d36;padding:3px;border-radius:50%;margin-right:10px}.c-right{width:48%;height:40%;border-radius:20px;padding:10px 10px 20px;display:flex;flex-direction:column;align-items:center;border:1px solid lightgray}.c-right:hover,.c-left:hover{scale:1.05;transition:.5s ease;cursor:pointer}.loader-orange{width:30%;height:15px;border-radius:20px;background-color:orange;transition:transform .5s ease;transform-origin:left;align-self:flex-start;margin-left:28px;cursor:pointer}.loader{width:90%;height:15px;border-radius:20px;background-color:#368d36;transition:transform .5s ease;transform-origin:left;cursor:pointer}.loader:active,.loader-orange:active{animation:grow 4s ease}@keyframes grow{0%{transform:scaleX(0%)}to{transform:scaleX(1)}}.c-right h1{font-size:20px;font-family:Raleway;font-weight:500;padding-top:10px;text-align:left;align-self:flex-start;padding-bottom:20px;padding-left:25px}.c-right p{padding-left:15px;padding-right:15px}#cost{padding-right:10px;color:orange}@media screen and (max-width:600px){#head{font-size:30px}.container{flex-direction:column;align-items:center;justify-content:center}.c-left,.c-right{width:90%;height:30%;padding:15px}}.projects{width:100%;height:max-content;padding-bottom:30px;background-color:#000;display:flex;flex-direction:column;align-items:center}.projects h1{color:#fff;font-family:Orbitron;text-align:center;font-size:60px}.pro-container{width:100%;height:max-content;padding-bottom:30px;margin-top:50px;display:flex;flex-direction:column;align-items:center}.pro-1,.pro-container a{width:90%;height:70%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding-bottom:40px;border-radius:20px;transition:.5s ease;text-decoration:none}.pro-1 h1{font-size:30px;font-family:Orbitron}.pro-1 p{font-size:15px;color:#fff;font-family:Poppins;font-weight:300;text-align:left;padding-top:25px}.pro-left{width:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:30px;padding-left:30px}.pro-right{width:50%;height:100%;display:flex;flex-direction:column;align-items:flex-start;padding:20px}#link{color:#87ceeb;font-size:15px;position:absolute;right:30px;margin-top:10px}.pro-left img{width:95%;height:95%;object-fit:fill;transition:.5s ease;border-radius:20px}.pro-1:hover .pro-left img{scale:1.05;transition:.5s ease}.pro-1:hover{background-color:#d3d3d33d}@media screen and (max-width:600px){.projects h1{font-size:30px}.pro-1{display:flex;padding:0;width:100%;flex-direction:column;gap:30px}.pro-left{width:90%;padding:15px 0 0}.pro-left img{padding:0;width:100%;height:100%}.pro-right{width:80%;align-items:center;justify-content:center;text-align:center;border-radius:20px;background-color:#d3d3d33d}.pro-right p{text-align:center;padding-left:0;padding-right:0}.pro-container{gap:30px}.pro-1:hover .pro-right{background-color:#d3d3d33d}.pro-1:hover{background-color:#000}}.contact{width:100%;height:max-content;padding-bottom:30px;background-color:#000;display:flex;flex-direction:column;align-items:center}.contact h1{color:#fff;font-size:50px;text-align:center;font-family:Orbitron}.contact p{color:#d3d3d3;font-size:12px;padding-top:30px}.form{margin-top:30px;width:80%;height:max-content;display:flex;flex-direction:column;align-items:center;border:1px solid lightgray;border-radius:20px;background-color:#d3d3d32d;padding:20px;gap:20px}.form h1{font-size:16px;font-weight:600;font-family:Poppins;text-align:left;align-self:flex-start;padding-left:8%}.form input{width:80%;height:40px;padding-left:20px;padding-right:20px;color:#fff;background-color:transparent;border:1px solid white;border-radius:0 20px/0px 20px;font-family:poppins;outline:none}.form input::placeholder,.form textarea::placeholder{color:#d3d3d3;font-family:poppins}.form textarea{width:80%;height:150px;padding-top:10px;padding-left:20px;padding-right:20px;color:#fff;background-color:transparent;border:1px solid white;border-radius:0 20px/0px 20px;font-family:poppins;outline:none;max-height:150px;resize:none;max-width:80%;min-width:80%}.form button{width:80%;height:40px;cursor:pointer;border:1px solid white;color:#000;background-color:none;border-radius:0 20px/0px 20px;margin-top:20px;font-family:Poppins;transition:.5s ease}.form button:hover{background-color:#ffffff8c}.social-media{width:100%;height:fit-content;padding-top:30px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;gap:10px}.social-media i{width:50px;height:50px;border-radius:50%;background-color:gray;text-align:center;display:flex;align-items:center;justify-content:center}.social-media i:hover{background-color:#a9a9a9;cursor:pointer}.social-media p{padding:0}.social-media a{color:#fff;text-decoration:none}@media screen and (max-width:600px){#head{font-size:30px}.form{gap:10px}}