Social Sciences, asked by kalpnavarshney200, 9 months ago

when and where did the modern period first begin?​

Answers

Answered by srdinakar2005
1

Early modern European history is usually seen to span from the start of the 15th century, through the Age of Enlightenment in the 17th and 18th centuries, until the beginning of the Industrial Revolution in the late 18th century.

Answered by Anonymous
16

Answer:

Hola..

Explanation:

Modern Period is began in 15th century in Europe

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Koala&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="character"&gt;</p><p></p><p>&lt;div class="head"&gt;</p><p></p><p>&lt;div class="ear ear-left"&gt; &lt;/div&gt;</p><p></p><p>&lt;div class="ear ear-rigth"&gt; &lt;/div&gt;</p><p></p><p>&lt;div class="eyes"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="nose"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="lip"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="body"&gt;</p><p></p><p>&lt;div class="hand hand-right"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="hand hand-left"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p></p><p>display: flex;</p><p></p><p>justify-content: center;</p><p></p><p>padding-top: 150px;</p><p></p><p>}</p><p></p><p>.character {</p><p></p><p>position: relative;</p><p></p><p>}</p><p></p><p>.character .head {</p><p></p><p>height: 125px;</p><p></p><p>width: 155px;</p><p></p><p>background: #94e1fd;</p><p></p><p>border-radius: 80px 89px 55px 55px;</p><p></p><p>position: relative;</p><p></p><p>border: 4px solid black;</p><p></p><p>top: 6px;</p><p></p><p>}</p><p></p><p>.character .head:after {</p><p></p><p>content: "";</p><p></p><p>position: absolute;</p><p></p><p>bottom: -43%;</p><p></p><p>width: 40px;</p><p></p><p>height: 50px;</p><p></p><p>background: white;</p><p></p><p>border-bottom-left-radius: 50%;</p><p></p><p>border-bottom-right-radius: 50%;</p><p></p><p>left: 42%;</p><p></p><p>}</p><p></p><p>.ear {</p><p></p><p>width: 78px;</p><p></p><p>height: 78px;</p><p></p><p>background: white;</p><p></p><p>border-radius: 38% 62% 57% 43% / 45% 48% 52% 55%;</p><p></p><p>border: 4px solid black;</p><p></p><p>position: absolute;</p><p></p><p>}</p><p></p><p>.ear-left {</p><p></p><p>top: -24%;</p><p></p><p>left: -24%;</p><p></p><p>border-bottom-color: #94e1fd;</p><p></p><p>transform: rotate(-49deg);</p><p></p><p>box-shadow: inset 6px 20px 0px 12px #94e1fd, inset -20px 18px 0 0px #94e1fd, inset 3px -9px 0 0px #94e1fd;</p><p></p><p>animation: ear-left 2s infinite linear;</p><p></p><p>}</p><p></p><p>.ear-left:before {</p><p></p><p>content: "";</p><p></p><p>width: 4px;</p><p></p><p>height: 6px;</p><p></p><p>border-radius: 50%;</p><p></p><p>background: black;</p><p></p><p>position: absolute;</p><p></p><p>top: 31px;</p><p></p><p>left: 110%;</p><p></p><p>transform: rotate(-76deg);</p><p></p><p>box-shadow: 15px 12px, 30px 0px;</p><p></p><p>opacity: 0;</p><p></p><p>animation: ear-left-after 2s infinite linear;</p><p></p><p>}</p><p></p><p>.ear-rigth {</p><p></p><p>left: 65%;</p><p></p><p>top: -24%;</p><p></p><p>transform: rotate(-227deg);</p><p></p><p>z-index: -1;</p><p></p><p>box-shadow: inset 20px -4px 0px 13px #94e1fd, inset 20px -11px 0 0px #94e1fd, inset 20px 19px 0 0px #94e1fd;</p><p></p><p>animation: ear-right 2s infinite linear;</p><p></p><p>}</p><p></p><p>.eyes {</p><p></p><p>width: 14px;</p><p></p><p>height: 10px;</p><p></p><p>background: black;</p><p></p><p>position: absolute;</p><p></p><p>border-radius: 50%;</p><p></p><p>top: 46%;</p><p></p><p>left: 28%;</p><p></p><p>box-shadow: 65px 0px;</p><p></p><p>animation: eyes 2s infinite linear;</p><p></p><p>}</p><p></p><p>.eyes:after {</p><p></p><p>content: "";</p><p></p><p>width: 14px;</p><p></p><p>height: 3px;</p><p></p><p>background: black;</p><p></p><p>position: absolute;</p><p></p><p>border-radius: 50%;</p><p></p><p>bottom: -57%;</p><p></p><p>box-shadow: 65px 0px;</p><p></p><p>}</p><p></p><p>.nose {</p><p></p><p>width: 31px;</p><p></p><p>height: 35px;</p><p></p><p>background: #6f69ef;</p><p></p><p>border-radius: 53% 47% 59% 41% / 73% 76% 24% 27%;</p><p></p><p>border: 4px solid;</p><p></p><p>position: absolute;</p><p></p><p>top: 43%;</p><p></p><p>left: 43%;</p><p></p><p>animation: nose 2s infinite linear;</p><p></p><p>}</p><p></p><p>.lip {</p><p></p><p>width: 34px;</p><p></p><p>height: 4px;</p><p></p><p>background: black;</p><p></p><p>position: absolute;</p><p></p><p>border-radius: 25%;</p><p></p><p>top: 83%;</p><p></p><p>left: 45%;</p><p></p><p>animation: lip 2s infinite linear;</p><p></p><p>}</p><p></p><p>.body {</p><p></p><p>position: relative;</p><p></p><p>z-index: -1;</p><p></p><p>}</p><p></p><p>.body:after,</p><p></p><p>.body:before {</p><p></p><p>content: "";</p><p></p><p>border-radius: 50%;</p><p></p><p>width: 44px;</p><p></p><p>height: 105px;</p><p></p><p>border: 4px solid;</p><p></p><p>position: absolute;</p><p></p><p>background: #94e1fd;</p><p></p><p>border-right-color: transparent;</p><p></p><p>left: 24%;</p><p></p><p>top: -8px;</p><p></p><p>}</p><p></p><p>.body:after {</p><p></p><p>left: 46%;</p><p></p><p>border-left-color: transparent;</p><p></p><p>border-right-color: black;</p><p></p><p>}</p><p></p><p>.hand {</p><p></p><p>border-right-color: transparent;</p><p></p><p>width: 34px;</p><p></p><p>height: 55px;</p><p></p><p>border-radius: 71% 29% 22% 78% / 17% 78% 22% 83%;</p><p></p><p>background: #94e1fd;</p><p></p><p>border: 4px solid;</p><p></p><p>position: absolute;</p><p></p><p>left: 8%;</p><p></p><p>top: -2px;</p><p></p><p>border-top-color: #94e1fd;</p><p></p><p>transform: rotate(39deg);</p><p></p><p>}</p><p></p><p>.hand-left {</p><p></p><p>left: 63%;</p><p></p><p>transform: rotate(-27deg);</p><p></p><p>border-radius: 59% 41% 32% 68% / 20% 62% 38% 80%;</p><p></p><p>border-left-color: transparent;</p><p></p><p>}</p><p></p><p>@keyframes eyes {</p><p></p><p>100% {</p><p></p><p>height: 30px;</p><p></p><p>top: 22%;</p><p></p><p>width: 10px;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes nose {</p><p></p><p>100% {</p><p></p><p>top: 22%;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes lip {</p><p></p><p>100% {</p><p></p><p>background: #f77676;</p><p></p><p>height: 25px;</p><p></p><p>width: 25px;</p><p></p><p>top: 72%;</p><p></p><p>border-top-left-radius: 50%;</p><p></p><p>border-top-right-radius: 50%;</p><p></p><p>transform: translateY(-10px);</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes ear-left {</p><p></p><p>100% {</p><p></p><p>border-bottom-color: black;</p><p></p><p>top: 165%;</p><p></p><p>transform: rotate(-175deg);</p><p></p><p>height: 24px;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes ear-right {</p><p></p><p>100% {</p><p></p><p>top: 165%;</p><p></p><p>transform: rotate(-175deg);</p><p></p><p>height: 24px;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes ear-left-after {</p><p></p><p>95% {</p><p></p><p>opacity: 0;</p><p></p><p>}</p><p></p><p>100% {</p><p></p><p>opacity: 1;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions