-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyle.min.css
More file actions
2 lines (2 loc) · 18.4 KB
/
style.min.css
File metadata and controls
2 lines (2 loc) · 18.4 KB
1
2
*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;list-style:none;font-family:sans-serif}body{overflow-x:hidden}html{overflow-x:hidden}html{overflow-x:hidden}nav{position:fixed;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:100;width:100%;padding:1ch;background:#1b2132;height:11vh;border-bottom:1px solid #afafaf}nav .insidenav{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav .insidenav .logo_img{width:20%}nav .insidenav .logo_img a{color:#f5d94a;font-size:25px;font-weight:bolder}nav .insidenav .nav_links{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;right:0;position:fixed;top:11%;background:#afafaf;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transform:translateX(110%);transform:translateX(110%);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}nav .insidenav .nav_links a{color:#000}nav .insidenav .nav_links li{height:45px;font-size:20px;border-top:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}nav .insidenav .nav_links li:hover{height:40px;background:#1b2132;color:#fff}nav .insidenav .buttn{width:15%;display:-webkit-box;display:-ms-flexbox;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0}nav .insidenav .buttn .nav_toggle-btn{background:transparent;color:#fff;border:none;font-size:25px;cursor:pointer}nav .insidenav .buttn #nav_toggle-close{display:none}@media screen and (min-width: 900px){nav{position:fixed;width:100%}nav .insidenav{position:relative;width:100%;gap:15rem}nav .insidenav .logo_img{width:20%}nav .insidenav .nav_links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translateX(0);transform:translateX(0);width:100%;gap:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:0;background:transparent}nav .insidenav .nav_links a li{color:#afafaf;border:none;font-size:16px;font-weight:bold}nav .insidenav .buttn .nav_toggle-btn{display:none}}@media screen and (min-width: 970px){nav{position:fixed;width:100%;height:15vh}nav .insidenav{position:relative;width:100%;gap:19rem}nav .insidenav .logo_img{width:20%}nav .insidenav .nav_links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translateX(0);transform:translateX(0);width:100%;gap:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:0;background:transparent}nav .insidenav .nav_links a li{color:#afafaf;border:none;font-size:16px;font-weight:bold}nav .insidenav .buttn .nav_toggle-btn{display:none}}@media screen and (min-width: 1050px){nav{position:fixed;width:100%}nav .insidenav{position:relative;width:100%;gap:23rem}nav .insidenav .logo_img{width:20%}nav .insidenav .nav_links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translateX(0);transform:translateX(0);width:100%;gap:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:0;background:transparent}nav .insidenav .nav_links a li{color:#afafaf;border:none;font-size:16px;font-weight:bold}nav .insidenav .buttn .nav_toggle-btn{display:none}}@media screen and (min-width: 1110px){nav{position:fixed;width:100%}nav .insidenav{position:relative;width:100%;gap:27rem}nav .insidenav .logo_img{width:20%}nav .insidenav .nav_links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translateX(0);transform:translateX(0);width:100%;gap:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:0;background:transparent}nav .insidenav .nav_links a li{color:#afafaf;border:none;font-size:16px;font-weight:bold}nav .insidenav .buttn .nav_toggle-btn{display:none}}@media screen and (min-width: 1204px){nav{position:fixed;width:100%}nav .insidenav{position:relative;width:100%;gap:33rem}nav .insidenav .logo_img{width:20%}nav .insidenav .nav_links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translateX(0);transform:translateX(0);width:100%;gap:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:0;background:transparent}nav .insidenav .nav_links a li{color:#afafaf;border:none;font-size:16px;font-weight:bold}nav .insidenav .buttn .nav_toggle-btn{display:none}}@media screen and (min-width: 1283px){nav{position:fixed;width:100%}nav .insidenav{position:relative;width:100%;gap:37rem}nav .insidenav .logo_img{width:20%}nav .insidenav .nav_links{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-transform:translateX(0);transform:translateX(0);width:100%;gap:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;top:0;background:transparent}nav .insidenav .nav_links a li{color:#afafaf;border:none;font-size:16px;font-weight:bold}nav .insidenav .buttn .nav_toggle-btn{display:none}}html{overflow-x:hidden}.mine{position:relative;width:100%;margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mine .mine2{background:#f5d94a;position:relative;width:100%;padding:5rem 1rem 1rem 1rem}.mine .mine2 p{margin-top:1rem;line-height:3ch}.mine .mine2 h1{color:#1b2132}.mine .mine2 div{width:50%;margin-top:1rem}.mine .mine2 div a button{background:#1b2132;width:150px;height:7vh;color:#fff;border:none;font-size:15px;cursor:pointer}.mine .mine2 div a button:hover{background:#fff;border:1px solid #1b2132;color:#1b2132}.mine .deimg{width:100%;margin-top:2rem;text-align:center}.mine .deimg img{width:70%}#myabot{width:100%;position:relative;padding:1rem;background:#1b2132;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:3rem}#myabot div{width:98%}#myabot div h1{color:#f5d94a}#myabot div p{line-height:3ch;margin-top:1rem;color:#fff}#myabot .desimg{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;margin-top:3rem}#myabot .desimg video{width:90%}.potential{width:100%;margin-top:5rem}.potential p{margin-top:1ch;text-align:center}.potential h1{text-align:center;color:#1b2132}.potential .pronce{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:3rem;gap:4rem;padding:1rem}.potential .pronce .dotman{width:100%}.potential .pronce .dotman img{width:100%}.potential .pronce .progricon{width:100%;position:relative;padding:2rem}.potential .pronce .progricon .prog2{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.potential .pronce .progricon .prog2 div{width:15%;text-align:center}.potential .pronce .progricon .prog2 div img{width:80%}.potential .pronce .progricon div{width:100%;position:relative;margin-top:2rem}.potential .pronce .progricon div p{line-height:2.7ch;margin-top:1ch}.potential .pronce .progricon div p .yels{color:#f5d94a;font-weight:bolder;font-size:22px}.projects{position:relative;width:100%;padding:1rem}.projects .pro2{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.projects .pro2 div{color:#1b2132}.projects .pro2 h1{color:#1b2132}.inpro{width:100%;position:relative;padding:1rem}.inpro .inpro2{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4rem}.inpro .inpro2 .inpro3{width:99%;position:relative;background:#f5d94a;padding:1rem;text-align:center}.inpro .inpro2 .inpro3:hover{background:#1b2132}.inpro .inpro2 .inpro3:hover p,.inpro .inpro2 .inpro3:hover h3{color:#fff}.inpro .inpro2 .inpro3:hover .checkpro a button{background:#f5d94a;color:#000}.inpro .inpro2 .inpro3 h3{color:#1b2132}.inpro .inpro2 .inpro3 p{color:#1b2132;margin-top:1ch;margin-bottom:1ch;line-height:2.7ch}.inpro .inpro2 .inpro3 div{width:100%;position:relative}.inpro .inpro2 .inpro3 div img{width:50%}.inpro .inpro2 .inpro3 .checkpro{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:5vh}.inpro .inpro2 .inpro3 .checkpro a button{background:#1b2132;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:7px 2rem;font-weight:bold;color:#fff;border:none}.inpro .inpro2 .inpro3 .checkpro a button:hover{background:#fff;border:1px solid #1b2132;color:#1b2132}.contactss{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contactss .proj2{position:relative;width:100%;padding:2rem;margin-top:3rem}.contactss .proj2 .prosyy{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.contactss .proj2 .prosyy div{width:40px;height:6vh;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;font-size:19px;color:#1b2132;-webkit-box-shadow:0 0 5px 0;box-shadow:0 0 5px 0}.contactss .proj2 .prosyy h1{color:#1b2132}.contactss .proj2 p{font-size:16px;margin-top:1rem;line-height:3ch}.contactss .deform2{width:95%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:3rem;background:#fff;-webkit-box-shadow:0 0 10px 0 #f5d94a;box-shadow:0 0 10px 0 #f5d94a;padding:1rem}.contactss .deform2 form{width:95%}.contactss .deform2 form input{width:100%;outline:none;padding:1ch;margin-top:1ch;height:8vh}.contactss .deform2 form .messagee input{height:16vh}.contactss .deform2 form .messagee input::-webkit-input-placeholder{text-align:center}.contactss .deform2 form .messagee input:-ms-input-placeholder{text-align:center}.contactss .deform2 form .messagee input::-ms-input-placeholder{text-align:center}.contactss .deform2 form .messagee input::placeholder{text-align:center}.contactss .deform2 form .divbtn{width:100%;position:relative;margin-top:1ch}.contactss .deform2 form .divbtn button{width:70px;height:8vh;font-size:16px;cursor:pointer;background:#1b2132;border:none;color:#fff}.contactss .deform2 form .divbtn button:hover{background:#fff;border:1px solid #1b2132;color:#1b2132}.myprofi{position:relative;width:100%;padding:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:3rem;margin-top:4rem}.myprofi .myprofi2{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2rem}.myprofi .myprofi2 h1{color:#1b2132}.myprofi .myprofi2 div p{font-size:12px}.myprofi .myprofi2 div .percents{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.myprofi .myprofi2 div .bluedivs{width:100%;position:relative;height:2vh;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #afafaf;border-radius:2ch}.myprofi .myprofi2 div .bluedivs .whitesdiv{border-radius:2ch;background:#1675f2;width:95%;border:none;border-bottom-right-radius:0;border-top-right-radius:0}.myprofi .myprofi2 div .bluedivs .greoe{border:none;border-radius:2ch;background:white}.myprofi .myprofi2 div .bluedivs2{width:100%;position:relative;height:2vh;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #afafaf;border-radius:2ch}.myprofi .myprofi2 div .bluedivs2 .whitesdiv2{border-radius:2ch;background:#1675f2;width:80%;border:none;border-bottom-right-radius:0;border-top-right-radius:0}.myprofi .myprofi2 div .bluedivs2 .greoe2{border:none;border-radius:2ch;background:white}.myprofi .myprofi2 div .bluedivs3{width:100%;position:relative;height:2vh;display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #afafaf;border-radius:2ch}.myprofi .myprofi2 div .bluedivs3 .whitesdiv3{border-radius:2ch;background:#1675f2;width:75%;border:none;border-bottom-right-radius:0;border-top-right-radius:0}.myprofi .myprofi2 div .bluedivs3 .greoe3{border:none;border-radius:2ch;background:white}.myprofi .prok{text-align:center}footer{width:100%;position:relative;background:#afafaf;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:4ch 2ch;margin-top:5rem}footer .footdiv{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}footer .footdiv .reachme{width:100%;position:relative}footer .footdiv .reachme p{margin-top:1ch;color:#1b2132;text-align:center}footer .footdiv .reachme .follow{margin-top:3ch}footer .footdiv .reachme .reachs{font-size:20px}footer .footdiv .reachme .socials{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1ch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1ch}footer .footdiv .reachme .socials a button{width:34px;height:6vh;border-radius:50%;border:none;cursor:pointer;font-size:18px}footer .footdiv .reachme .socials .white{background:#fff;color:#1b2132}footer .footdiv .reachme .socials .yellow{background:#f5d94a}footer .footdiv .reachme .socials .blue{background:#1b2132;color:#fff}footer .footdiv .reachme .socials .gray{background:#f16529;color:#fff}footer .footdiv .reachme .socials .black{background:blue;color:#fff}@media screen and (min-width: 535px){.mine .deimg{width:100%;margin-top:2rem;text-align:center}.mine .deimg img{width:50%}}@media screen and (min-width: 768px){.mine{position:relative;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.mine .mine2{width:100%;position:relative;background:transparent;padding:5rem 0 0 2rem}.mine .deimg{width:100%;margin-top:4rem;text-align:center}.mine .deimg img{width:50%}#myabot{position:relative;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:3rem;padding:2rem}#myabot p{line-height:2.7ch}.potential{position:relative;width:100%;padding:1.5rem}.potential .pronce{position:relative;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:4rem}.potential .pronce .progricon{width:65%;position:relative}.potential .pronce .progricon .prog2{width:100%;margin-top:1px}.potential .pronce .progricon .prog2 div img{width:60%}.potential .pronce .progricon div{width:100%}.potential .pronce .progricon div p{text-align:justify}.potential .pronce .dotman{width:30%}.potential .pronce .dotman img{width:100%}.projects{position:relative;width:100%;padding:2rem}.inpro{position:relative;width:100%;padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex}.inpro .inpro2{position:relative;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.inpro .inpro2 .inpro3{width:45%}.myprofi{position:relative;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:3rem}.myprofi .myprofi2{width:55%}.myprofi .myprofi2 .dedesi{width:100%}.myprofi .prok{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.myprofi .prok img{width:90%}.contactss{position:relative;width:100%}.contactss p{width:80%;line-height:4ch}.contactss .deform2{position:relative;width:70%}.contactss .deform2 form{width:80%}.contactss .deform2 form input{margin-top:4ch}}@media screen and (min-width: 990px){.potential{position:relative;width:100%}.potential .pronce{position:relative;width:100%;gap:1rem;padding:0}.potential .pronce .dotman{width:45%}.potential .pronce .dotman img{width:70%}.potential .pronce .progricon{width:55%}.potential .pronce .progricon .prog2{width:100%}.potential .pronce .progricon .prog2 div{width:15%}}@media screen and (min-width: 1024px){.mine{margin-top:6rem}.mine .deimg{width:100%;text-align:center}.mine .deimg img{width:48%}.contactss{position:relative}.contactss .proj2 p{font-size:17px}}@media screen and (min-width: 1190px){.projects{position:relative;width:100%;padding:2rem}.inpro{position:relative;width:100%;padding:2rem}.inpro .inpro2{position:relative;width:100%}.inpro .inpro2 .inpro3{width:29%}}
/*# sourceMappingURL=style.min.css.map */