body { animation: otvaranjeStraniceWebIzrade 3s; } @keyframes otvaranjeStraniceWebIzrade { from{transform: translateX(2000px);} to{} } #okvirPodnaslovaWeb { display: flex; flex-direction: column; align-items: flex-start; justify-content: left; font-family: Enriqueta-Regular; max-width: 1280px; margin-top: 50px; } hr { width: 800px; border: 2px solid #2ca4bc; border-radius: 50px; margin-top: -40px; } /* SEKCIJA "MONITOR PRIKAZ" */ #monitor { display: block; margin: 150px auto; opacity: 0; animation: pojavaMonitora 2s forwards; animation-delay: 5.5s; } @keyframes pojavaMonitora { from{} to{opacity: 1;} } .tekstPrikazMonitor { position: relative; top: -715px; left: 260px; width: 750px; } .okvirSakrivanje { position: relative; top: -1170px; left: 260px; width: 750px; height: 435px; background-color: #c3c8c8; animation: pomakOkvira 7s forwards; } @keyframes pomakOkvira { from{} to{transform: translateY(570px); } } .totalnoSakrivanje { animation: nestajanje 0s forwards; animation-delay: 7s; } @keyframes nestajanje { from{} to{ opacity: 0;} } .listaIzrada { list-style-type: square; font-family: Enriqueta-Regular; font-size:20px; margin-top: 30px; } .listaIzrada::marker{ color: rgba(13, 7, 111, 0.888); } #zastoOdabratiNas { animation: pomakGore 2s forwards; animation-delay: 7s; margin-top: -600px; } @keyframes pomakGore { from{} to{ margin-top: -900px; z-index: 1;} } /* POSTUPAK IZRADE */ #postupakIzrade { margin-top: 150px; } .glavniOkvirPostupkaIzrade { display: flex; justify-content: space-between; margin-bottom: 80px; } .okvirTekstaPostupkaIzrade { width: 550px; } .slikaPostupkaIzrade { width: 600px; height: 400px; } .redniBrojPostupkaIzrade { font-size:80px; font-family: Enriqueta-Regular; } .naslovPostupkaIzrade { font-size:40px; font-family: Enriqueta-Regular; } .tekstPostupkaIzrade { font-size:20px; font-family: Enriqueta-Regular; padding-right: 25px; } .crtaPostupkaIzrade { width: 30vw; margin-bottom: 50px; }