Science, asked by 7TeeN, 10 months ago

beautiful faces with ugly Thinking​

Answers

Answered by niyati150
5

Answer:

Explanation:

We all know we shouldn’t judge people based on their looks. Beauty is only skin-deep, as the saying goes. Moreover, someone’s appearance doesn’t tell us anything about how kind they are. Or how dependable. Or anything else about their personality.

But it’s hard to ignore the way a person looks. Something about attractive people makes us want to watch them. We can’t take our eyes off a good-looking actor, actress or model. As such, beauty has power over us. But what is beauty?

There is no simple answer. Researchers have, however, begun probing how beauty affects the behavior of humans and other animals. Through this work, especially, they have discovered some of the features that make an individual attractive to others.

Scientists are also learning that there may be a practical side to our obsession with beauty. A pretty face may belong to a healthier person. Or it may simply be easier for our brains to process.

Answered by MRsteveAustiN
24

 &lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html&gt;</p><p></p><p>    &lt;head&gt;</p><p></p><p>        &lt;style&gt;body{</p><p></p><p>    padding:0;</p><p></p><p>    margin-top:50;</p><p></p><p>    background:#F5B7B1;</p><p></p><p>}</p><p></p><p>.container{</p><p></p><p>    position: absolute;</p><p></p><p>    height:0vh;</p><p></p><p>    width:60vw;</p><p></p><p>    margin-top:50;</p><p></p><p>    display:flex;</p><p></p><p>    top:0;</p><p></p><p>    bottom:0;</p><p></p><p>    left:25%;</p><p></p><p>    right:0;</p><p></p><p>    justify-content: center;</p><p></p><p>    align-items: center;</p><p></p><p>}</p><p></p><p>.face{</p><p></p><p>    position: relative;</p><p></p><p>    height:100px;</p><p></p><p>    width:120px;</p><p></p><p>    border-radius: 45%;</p><p></p><p>    background-color: rgb(233, 173, 83);</p><p></p><p>    border:1.7px solid rgb(134, 89, 52);</p><p></p><p>    z-index: +1;</p><p></p><p>}</p><p></p><p>.e1,.e2{</p><p></p><p>    position: relative;</p><p></p><p>    height:27px;</p><p></p><p>    width:27px;</p><p></p><p>    background-color: black;</p><p></p><p>    border-radius: 50%;</p><p></p><p>    float:left;</p><p></p><p>    top:35%;</p><p></p><p>    left:17px;</p><p></p><p>    animation:a 1.5s infinite;</p><p></p><p>}</p><p></p><p>.e2{</p><p></p><p>    left:35%;</p><p></p><p>}</p><p></p><p>.p1,.p2{</p><p></p><p>    position: relative;</p><p></p><p>    height:15px;</p><p></p><p>    width:15px;</p><p></p><p>    background-color: white;</p><p></p><p>    border-radius: 50%;</p><p></p><p>    top:10px;</p><p></p><p>    left:2px;</p><p></p><p>}</p><p></p><p>.mo{</p><p></p><p>    position: relative;</p><p></p><p>    height:30px;</p><p></p><p>    width: 40px;</p><p></p><p>    border-radius: 47%;</p><p></p><p>    background-color: blanchedalmond;</p><p></p><p>    left:37px;</p><p></p><p>    top:55px;</p><p></p><p>}</p><p></p><p>.nose{</p><p></p><p>    position: relative;</p><p></p><p>    height:0;</p><p></p><p>    width:0;</p><p></p><p>    border-top: 8px solid rgb(37, 19, 7);</p><p></p><p>    border-right: 8px solid transparent;</p><p></p><p>    border-left: 8px solid transparent;</p><p></p><p>    left:11px;</p><p></p><p>    top:-15px;</p><p></p><p>}</p><p></p><p>.line{</p><p></p><p>    position: relative;</p><p></p><p>    height:10px;</p><p></p><p>    width:2px;</p><p></p><p>    background-color: black;</p><p></p><p>    top:-1px;</p><p></p><p>    left: 18.8px;</p><p></p><p>    z-index: -1;</p><p></p><p>}</p><p></p><p>.mouth{</p><p></p><p>    position: relative;</p><p></p><p>    height: 10px;</p><p></p><p>    width:19px;</p><p></p><p>    border-radius:0 0 50px 50px;</p><p></p><p>    background-color:rgb(240, 85, 85);</p><p></p><p>    top:18px;</p><p></p><p>    left:10px;</p><p></p><p>}</p><p></p><p>.er,.el{</p><p></p><p>    position: relative;</p><p></p><p>    height:40px;</p><p></p><p>    width:40px;</p><p></p><p>    border-radius: 50%;</p><p></p><p>    background-color: rgb(233, 173, 83);</p><p></p><p>    border:1.7px solid rgb(134, 89, 52);</p><p></p><p>    float: left;</p><p></p><p>    bottom:40px;</p><p></p><p>    right:20px;</p><p></p><p>    z-index: -1;</p><p></p><p>}</p><p></p><p>.el{</p><p></p><p>    left:55px;</p><p></p><p>}</p><p></p><p>.p3,.p4{</p><p></p><p>    position: relative;</p><p></p><p>    height:10px;</p><p></p><p>    width:10px;</p><p></p><p>    border-radius: 50%;</p><p></p><p>    background-color: white;</p><p></p><p>    bottom:8px;</p><p></p><p>    left:12px;</p><p></p><p>}</p><p></p><p>.err,.ell{</p><p></p><p>    position: relative;</p><p></p><p>    height:30px;</p><p></p><p>    width:30px;</p><p></p><p>    border-radius: 50%;</p><p></p><p>    background-color: rgb(255, 211, 144);</p><p></p><p>    float: left;</p><p></p><p>    bottom:40px;</p><p></p><p>    right:20px;</p><p></p><p>    top:20%;</p><p></p><p>    left:10px;</p><p></p><p>}</p><p></p><p>.ell{</p><p></p><p>    left:3px;</p><p></p><p>}</p><p></p><p>@keyframes a{</p><p></p><p>    40%{</p><p></p><p>        transform:scaleY(0);</p><p></p><p>    }</p><p></p><p>}</p><p></p><p>.body{</p><p></p><p>    position: relative;</p><p></p><p>    height:100px;</p><p></p><p>    width:95px;</p><p></p><p>    border-radius: 45%;</p><p></p><p>    background-color: rgb(233, 173, 83);</p><p></p><p>    border:1.7px solid rgb(134, 89, 52);</p><p></p><p>    top:70px;</p><p></p><p>    right:110px;</p><p></p><p>}</p><p></p><p>.h1,.h2{</p><p></p><p>    position: relative;</p><p></p><p>    height:50px;</p><p></p><p>    width:25px;</p><p></p><p>    border-radius: 43%;</p><p></p><p>    background-color: rgb(233, 173, 83);</p><p></p><p>    border:1.7px solid rgb(134, 89, 52);</p><p></p><p>    float: left;</p><p></p><p>    bottom:15%;</p><p></p><p>    right:10px;</p><p></p><p>    transform-origin: top;</p><p></p><p>}</p><p></p><p>.h2{</p><p></p><p>    right:-50px;</p><p></p><p>    bottom:-19%;</p><p></p><p>    transform: rotate(-15deg);</p><p></p><p>    z-index: -1;</p><p></p><p>}</p><p></p><p>.h1{</p><p></p><p>    bottom:-35%;</p><p></p><p>    right:7px;</p><p></p><p>    transform: rotate(90deg);</p><p></p><p>    animation: b 2.5s infinite;</p><p></p><p>    z-index: -1;</p><p></p><p>}</p><p></p><p>.l1,.l2{</p><p></p><p>    position: relative;</p><p></p><p>    height:40px;</p><p></p><p>    width:40px;</p><p></p><p>    border-radius: 50%;</p><p></p><p>    background-color: rgb(233, 173, 83);</p><p></p><p>    border:1.7px solid rgb(134, 89, 52);</p><p></p><p>    float: left;</p><p></p><p>    transform-origin: top;</p><p></p><p>    top:8px;</p><p></p><p>    right:14px;</p><p></p><p>}</p><p></p><p>.l2{</p><p></p><p>    right:-20px;</p><p></p><p>}</p><p></p><p>@keyframes b{</p><p></p><p>    50%{</p><p></p><p>        transform: rotate(150deg);</p><p></p><p>    }</p><p></p><p>}</p><p></p><p>.b1,.b2{</p><p></p><p>    position: relative;</p><p></p><p>    height: 10px;</p><p></p><p>    width:20px;</p><p></p><p>    background-color: pink;</p><p></p><p>    border-radius: 50%;</p><p></p><p>    float:left;</p><p></p><p>    top:30%;</p><p></p><p>    filter: blur(2px);</p><p></p><p>}</p><p></p><p>.b1{</p><p></p><p>    right:65%;</p><p></p><p>}</p><p></p><p>.b2{</p><p></p><p>    top:20px;</p><p></p><p>}</p><p></p><p>.hello{</p><p></p><p>    position:absolute;</p><p></p><p>    top:-10%;</p><p></p><p>    left:-50px;right:0;</p><p></p><p>    font-size:30px;</p><p></p><p>    font-family: 'Pacifico', cursive;</p><p></p><p>}&lt;/style&gt;</p><p></p><p>        &lt;link rel="stylesheet" href="teddy.css"&gt;</p><p></p><p>        &lt;link href="https://fonts.googleapis.com/css?family=Pacifico&amp;display=swap" rel="stylesheet"&gt;</p><p></p><p>    &lt;/head&gt;</p><p></p><p>    &lt;body&gt;</p><p></p><p>        &lt;div class="container"&gt;</p><p></p><p>            &lt;div class="face"&gt;</p><p></p><p>                &lt;div class="e1"&gt;</p><p></p><p>                    &lt;div class="p1"&gt;</p><p></p><p>                            &lt;div class="p3"&gt;&lt;/div&gt;</p><p></p><p>                    &lt;/div&gt;</p><p></p><p>                &lt;/div&gt;</p><p></p><p>                &lt;div class="e2"&gt;</p><p></p><p>                    &lt;div class="p2"&gt;</p><p></p><p>                            &lt;div class="p4"&gt;&lt;/div&gt;</p><p></p><p>                    &lt;/div&gt;</p><p></p><p>                &lt;/div&gt;</p><p></p><p>                &lt;div class="mo"&gt;</p><p></p><p>                    &lt;div class="mouth"&gt;&lt;/div&gt;</p><p></p><p>                    &lt;div class="line"&gt;&lt;/div&gt;</p><p></p><p>                    &lt;div class="nose"&gt;&lt;/div&gt;</p><p></p><p>                &lt;/div&gt;</p><p></p><p>                &lt;div class="er"&gt;</p><p></p><p>                        &lt;div class="err"&gt;&lt;/div&gt;</p><p></p><p>                &lt;/div&gt;</p><p></p><p>                &lt;div class="el"&gt;</p><p></p><p>                        &lt;div class="ell"&gt;&lt;/div&gt;</p><p></p><p>                &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="h1"&gt;&lt;/div&gt;</p><p></p><p>                    &lt;div class="h2"&gt;&lt;/div&gt;</p><p></p><p>                    &lt;div class="l1"&gt;&lt;/div&gt;</p><p></p><p>                    &lt;div class="l2"&gt;&lt;/div&gt;</p><p></p><p>            &lt;/div&gt;</p><p></p><p>            &lt;h1 class='hello'&gt;&lt;/h1&gt;</p><p></p><p>        &lt;/div&gt;</p><p></p><p>    &lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions