@font-face{font-family:"vazir";src:url(./Vazir.woff);font-display:swap}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}body{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;align-content:center;font-family:"vazir";background:linear-gradient(-45deg, #ffbfab, #ffebc8, #fbc67c);padding:10px 5px}#container{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;gap:10px;width:1200px;min-height:500px;border-radius:11px;background:#fff;box-shadow:8px 9px 36.4px 0px rgba(0,0,0,.25);grid-template-columns:repeat(2, 1fr)}#container #right-side{padding:0px 20px}#container #right-side p{text-align:justify;font-family:"vazir";font-size:14px;font-style:normal;line-height:2}#container #right-side p strong{font-size:16px;font-weight:bold;line-height:2.5}#container #right-side #timeline ul{list-style-type:none;border-right:2px solid #b7d0da;padding:0px 20px 0 0;margin:0 0 10px 0}#container #right-side #timeline ul li{padding:10px 10px;position:relative;transition:.5s;position:relative}#container #right-side #timeline ul li .content h3{color:orange;font-size:16px;margin:0}#container #right-side #timeline ul li .content p{margin:5px;font-size:14px;line-height:2}#container #right-side #timeline ul li .content a{display:flex;justify-content:left;text-decoration:none}#container #right-side #timeline ul li .content a button{background:#fff;font-family:"vazir";height:28px;border:orange 1px solid;border-radius:5px;color:orange;cursor:pointer;transition:500ms all ease}#container #right-side #timeline ul li .content a button:hover{color:#fff;background:orange}@media only screen and (max-width: 1000px){#container #right-side #timeline ul li .content a{width:100%;display:block;text-align:center;margin-top:10px}#container #right-side #timeline ul li .content a button{font-size:14px;padding:2px 10px}}#container #right-side #timeline ul li:before{position:absolute;content:"";width:10px;height:10px;background-color:#ccccc6;border-radius:50%;right:-26px;top:17px;transition:.5s}@media only screen and (min-width: 1000px){#container #right-side #timeline ul li:hover{background:#fcf6eb;border-radius:10px}#container #right-side #timeline ul li:hover:before{background-color:orange;box-shadow:0px 0px 5px 2px #ead6b1}}@media only screen and (max-width: 1000px){#container #right-side #timeline ul li:nth-child(odd){background:#fcf6eb}#container #right-side #timeline ul li:nth-child(odd):before{background-color:orange;box-shadow:0px 0px 5px 2px #ead6b1}}@media only screen and (max-width: 1000px){#container #right-side{order:1;grid-column:1/3}}#container #left-side{display:flex;justify-content:center;position:relative;padding:0 15px;margin-top:30px}#container #left-side #card{max-width:380px;max-height:350px;padding:25px;border-radius:20px;background:rgba(255,255,255,.03);box-shadow:rgba(50,50,93,.25) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px;text-align:center}#container #left-side #card a{text-decoration:none;width:100%}#container #left-side #card a p{font-size:18px;color:gray;font-weight:bold}#container #left-side #card a img{width:330px;height:300px}@media only screen and (max-width: 1000px){#container #left-side #card a img{width:230px;height:200px}}@media only screen and (max-width: 1000px){#container #left-side #card{width:300px;height:290px;padding:0px;border-radius:5px}}#container #welcome-section{grid-column:1/3}#container #welcome-section p{margin:10px 30px 0 30px;line-height:2}@media only screen and (max-width: 1000px){#container #welcome-section p{text-align:justify}}@media only screen and (max-width: 1000px){#container #welcome-section{margin:0;order:1;margin:20px 0}}@media only screen and (max-width: 1000px){#container{grid-template-columns:repeat(1, 1fr);gap:0}}/*# sourceMappingURL=style.css.map */