12 |
- body{background:url(/static/media/Amir.209fffe9.jpg) no-repeat 50% fixed;background-size:cover;margin:0;width:100%;overflow:auto}body .header{width:100%;height:80px;position:fixed;display:flex;background-color:#fdbdba;border-bottom:1px solid #000}body .header h2{padding:10px;margin-left:5%;border:1px solid #000;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.9)}body .header ul{list-style-type:none;margin:2%;padding-left:50%}body .header ul li{display:inline-block}body .header ul li a{display:inline-block;text-decoration:none;color:#000;font-size:20px;font-weight:lighter;padding:10px 20px}@media (min-width:976px){body .header ul li a:hover{display:inline-block;color:orange;background-color:#fff;border-radius:20px;transition:1s ease}}@media (max-width:975px){body .header ul{margin:2%;padding-left:30%;font-size:10px}body .header ul,body .header ul li{display:inline-block}body .header ul li a{display:inline-block;text-decoration:none;color:red;font-size:18px;padding:20px}body .header ul li a:hover{display:inline-block;color:#00f}}@media (max-width:668px){body .header ul{margin:2%;padding-left:25%;font-size:10px}body .header ul,body .header ul li{display:inline-block}body .header ul li a{display:inline-block;text-decoration:none;color:red;font-size:15px;font-weight:lighter;padding:30px 10px}body .header ul li a:hover{display:inline-block;color:#00f}}body .content3{display:inline-block;padding-top:10%;padding-left:50%}body .content3 h2{color:orange;font-size:3em;padding-left:10%}body .content3 .per{padding-left:25%;color:orange}body .content3 p{padding-top:10%;padding-left:30%;width:60%}body .content3 input{margin-top:5%;margin-left:49%;padding:20px;border-radius:10px;color:#000;background-color:pink;font-size:1em}body .content3 input:hover{cursor:pointer;color:orange;background-color:#fff}body .content{display:inline-block;margin-top:8%;margin-bottom:0;width:100%}body .content h2{width:100%;text-align:center;margin-bottom:5%}body .content .between{display:flex;flex-direction:row;align-items:stretch}body .content .between .right{display:flex;float:right;flex-direction:column;width:40%}body .content .between .right .top{display:flex;flex-direction:column;height:30%;padding-left:15%;padding-bottom:5%}body .content .between .right .top ul{list-style:none;margin-top:-2%;line-height:2}body .content .between .right .top ul li{padding-left:5%;box-shadow:2px -2px 5px 0 rgba(0,0,0,.1),-2px -2px 5px 0 rgba(0,0,0,.1),2px 2px 5px 0 rgba(0,0,0,.1),-2px 2px 5px 0 rgba(0,0,0,.1);transition:all .3s linear}body .content .between .right .bottom{display:flex;flex-direction:column;justify-content:center;height:50%;margin-top:5%;padding-left:35%}body .content .between .right .bottom ul{margin-top:-2%;list-style:none;line-height:2}body .content .between .right .bottom ul li{padding-left:5%;box-shadow:2px -2px 5px 0 rgba(0,0,0,.1),-2px -2px 5px 0 rgba(0,0,0,.1),2px 2px 5px 0 rgba(0,0,0,.1),-2px 2px 5px 0 rgba(0,0,0,.1);transition:all .3s linear}body .content .left{display:flex;flex-direction:column;float:left;width:45%;height:100%;padding-left:2%;padding-right:2%}
- /*# sourceMappingURL=main.e9f55931.chunk.css.map */
|